Nearest named color · #00707C
#00707C
Nearest named color: Persian Mosaic
#00707C (rgb(0 112 124), hsl(186 100% 24%), oklch(0.499 0.086 207.7)) is closest to the named color Persian Mosaic. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#00707C
oklch(0.499 0.086 207.7)
Color conversions
- HEX
- #00707c
- RGB
- rgb(0 112 124)
- HSL
- hsl(186 100% 24%)
- HWB
- hwb(186 0% 51%)
- OKLCH
- oklch(0.499 0.086 207.7)
- OKLab
- oklab(0.499 -0.076 -0.04)
- CIE Lab
- lab(42.52 -24.39 -14.79)
- LCH
- lch(42.52 28.52 211.2)
- CMYK
- cmyk(100% 10% 0% 51%)
Tints · Shades · Tones
Tints
- 2F7E88
- 4A8C95
- 6299A2
- 78A8AF
- 8FB6BC
- A5C4C9
- BBD3D6
- D2E1E4
- E8F0F1
Shades
- 00606B
- 00515A
- 00434A
- 00353B
- 00272C
- 001A1E
- 000E11
- 000405
- 000101
Tones
- 20727D
- 31747D
- 3E757D
- 49777E
- 53797E
- 5D7A7F
- 667C7F
- 6F7D7F
- 787F80
Color harmonies
Complementary +180°
- 00707C
Persian Mosaic
- 8D4F47
≈ El Salva
Analogous -30° +30°
- 00707C
Persian Mosaic
- 167363
≈ Northern Hemisphere
- 2C698E
≈ Ocean Call
Triadic +120° +240°
- 00707C
Persian Mosaic
- 7D517C
≈ Phlox Flower Violet
- 775F20
≈ Brassy Brass
Split-complementary +150° +210°
- 00707C
Persian Mosaic
- 8A4D63
≈ Red Shrivel
- 87562E
≈ Burnt Crust
Tetradic +90° +180° +270°
- 00707C
Persian Mosaic
- 69588D
≈ Butterfly Bush
- 8D4F47
≈ El Salva
- 5F692C
≈ Heavy Khaki
Contrast & accessibility
Ag
AAOn white
WCAG 5.81:1 · APCA Lc 79
Ag
FailOn black
WCAG 3.60:1 · APCA Lc 23
Best text color: #FFFFFF
WCAG 5.81:1 (AA) · APCA Lc 79
Contrast pairs
Code snippets
CSS
:root {
--persian-mosaic: #00707c;
--persian-mosaic-rgb: 0 112 124;
--persian-mosaic-oklch: oklch(0.499 0.086 207.7);
}
.element {
color: var(--persian-mosaic);
background-color: hsl(186 100% 24%);
border-color: oklch(0.499 0.086 207.7);
}Tailwind CSS v4
@theme {
--color-persian-mosaic: #00707c;
--color-persian-mosaic-50: #dafcff;
--color-persian-mosaic-100: #c8f0f8;
--color-persian-mosaic-200: #aadfe8;
--color-persian-mosaic-300: #82c4cf;
--color-persian-mosaic-400: #5badb9;
--color-persian-mosaic-500: #2c96a3;
--color-persian-mosaic-600: #287f8a;
--color-persian-mosaic-700: #20656f;
--color-persian-mosaic-800: #154b51;
--color-persian-mosaic-900: #0d3438;
--color-persian-mosaic-950: #011f23;
}SCSS
$persian-mosaic: #00707c;
$persian-mosaic-rgb: 0, 112, 124;
$persian-mosaic-light: mix(#fff, $persian-mosaic, 20%);
$persian-mosaic-dark: mix(#000, $persian-mosaic, 20%);
.element {
color: $persian-mosaic;
box-shadow: 0 0 0 2px rgba($persian-mosaic, 0.35);
}