Created at 02/21/2023 16:07
#00acc1 HEX Color information
| Color | HEX | RGB |
| #00acc1 | RGB(0, 172, 193) |
RGB values are RGB(0, 172, 193)
#00acc1 color contain Red 0%, Green 67.45% and Blue 75.69%.
oklch(68.21% 0.118 210.05)
Color Names of #00acc1 HEX code
Accessibility Cyan, ADA Aqua, Adaptive Cyan, Anchor Teal, Async Aqua, cyan darken-1, Data Aqua, Data Cyan, Diagram Aqua, Endpoint Cerulean, Episode Teal, Forecast Aqua, Forecast Cyan, Gradient Aqua, Hidden Layer Teal, Highlight Cyan, Highlight Teal, Insight Cyan, Metric Aqua, Metric Cyan, Metric Teal, Neural Teal, Neuron Cyan, Node Aqua, Noise Cyan, Notification Cyan, Optimizer Cyan, Parallax Cyan, Persona Teal, Purchase Cyan, Query Cyan, Schema Aqua, Scuba Blue, Signal Teal, Skyline Cyan, Swipe Teal, Syntax Cyan, Tensor Cyan, Type Teal, Value Aqua, Vector Teal, Verification Aqua Color
Alternative colors of #00acc1
Opposite Color for #00acc1 is #c21700
#00acc1 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #00acc1
Decimal
44225
HEX
#00acc1
HSL
hsl(187, 100%, 38%)
HSLA
hsla(187, 100%, 38%, 1)
RGB
RGB(0, 172, 193)
RGBA
RGBA(0, 172, 193, 1)
Palettes for #00acc1 color:
Below examples of color palettes for #00acc1 HEX color
darkest color is #001113 from shades and lightest color is #e6f7f9 from tints
Shades palette of #00acc1:
Tints palette of #00acc1:
Complementary palette of #00acc1:
Triadic palette of #00acc1:
Square palette of #00acc1:
Analogous palette of #00acc1:
Split-Complementary palette of #00acc1:
Rectangle (tetradic) palette of #00acc1:
Color #00acc1 used in palettes (24)
Cyan palette Materialize CSS cyan 26 39 Material Design Color Palette (nº8) Cyan Ox React Native Dynamic UI Material Design Color Palette (08) AI Powered React UI Hyperstructure Hyperlink Accessibility Neon Grid Machine Vision Accessible UI Theme Material Design Color Palette (08/16) System Design Accessibility Matrix Augmented Analytics Flow Panel Accessible Contrast-First Vue Components Mathematical Neural UX System Arcade AI Tensor Glow Panel Web3 Adaptive Neural UX Console Solution Architect Spectrum AI Wireframe Gradient Flowchart System Design Vector Mesh Flow Data Science SaaS Platform Colors Accessible Quantum UI Dark Theme Progressive Neural Arcade Theme Kit
Color Contrast
Color pairings #00acc1 with black and white with small text, large text and graphics based on WCAG on a accessibility contrast ratio
#00acc1
#00acc1 Contrast Ratio
2.73:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#00acc1
#00acc1 Contrast Ratio
7.67:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #00acc1 color png
Visit the popular colors list for more colors