Benannte Farbe · #00707D
Iridescent Peacock
Iridescent Peacock ist #00707D: rgb(0 112 125), hsl(186 100% 25%), oklch(0.499 0.086 208.8). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Cyan mean? → · Iridescent Peacock color name →
#00707D
oklch(0.499 0.086 208.8)
Farbumrechnungen
- HEX
- #00707d
- RGB
- rgb(0 112 125)
- HSL
- hsl(186 100% 25%)
- HWB
- hwb(186 0% 51%)
- OKLCH
- oklch(0.499 0.086 208.8)
- OKLab
- oklab(0.499 -0.075 -0.041)
- CIE Lab
- lab(42.55 -24.11 -15.34)
- LCH
- lch(42.55 28.57 212.5)
- CMYK
- cmyk(100% 10% 0% 51%)
Tints · Shades · Tones
Tints
- 2F7E89
- 4A8C96
- 629AA3
- 78A8AF
- 8FB6BC
- A5C4C9
- BBD3D7
- D2E1E4
- E8F0F1
Shades
- 00606C
- 00515B
- 00434B
- 00353B
- 00272C
- 001A1E
- 000E11
- 000405
- 000101
Tones
- 20727D
- 31747E
- 3E757E
- 49777F
- 53797F
- 5D7A7F
- 667C7F
- 6F7D80
- 787F80
Farbharmonien
Komplementär +180°
- 00707D
Iridescent Peacock
- 8D4F46
≈ El Salva
Analog -30° +30°
- 00707D
Iridescent Peacock
- 147364
≈ Northern Hemisphere
- 2D698E
≈ Ocean Call
Triadisch +120° +240°
- 00707D
Iridescent Peacock
- 7E507B
≈ Phlox Flower Violet
- 776020
≈ Brassy Brass
Geteilt komplementär +150° +210°
- 00707D
Iridescent Peacock
- 8A4D62
≈ Red Shrivel
- 87562D
≈ Burnt Crust
Tetradisch +90° +180° +270°
- 00707D
Iridescent Peacock
- 6A578D
≈ Butterfly Bush
- 8D4F46
≈ El Salva
- 5E6A2D
≈ Heavy Khaki
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 5.81:1 · APCA Lc 79
Ag
FailAuf Schwarz
WCAG 3.61:1 · APCA Lc 23
Beste Textfarbe: #FFFFFF
WCAG 5.81:1 (AA) · APCA Lc 79
Contrast pairs
Code-Snippets
CSS
:root {
--iridescent-peacock: #00707d;
--iridescent-peacock-rgb: 0 112 125;
--iridescent-peacock-oklch: oklch(0.499 0.086 208.8);
}
.element {
color: var(--iridescent-peacock);
background-color: hsl(186 100% 25%);
border-color: oklch(0.499 0.086 208.8);
}Tailwind CSS v4
@theme {
--color-iridescent-peacock: #00707d;
--color-iridescent-peacock-50: #dafcff;
--color-iridescent-peacock-100: #c8f0f8;
--color-iridescent-peacock-200: #aadfe9;
--color-iridescent-peacock-300: #82c4d0;
--color-iridescent-peacock-400: #5badba;
--color-iridescent-peacock-500: #2c96a4;
--color-iridescent-peacock-600: #287f8b;
--color-iridescent-peacock-700: #20656f;
--color-iridescent-peacock-800: #154b51;
--color-iridescent-peacock-900: #0d3439;
--color-iridescent-peacock-950: #011f23;
}SCSS
$iridescent-peacock: #00707d;
$iridescent-peacock-rgb: 0, 112, 125;
$iridescent-peacock-light: mix(#fff, $iridescent-peacock, 20%);
$iridescent-peacock-dark: mix(#000, $iridescent-peacock, 20%);
.element {
color: $iridescent-peacock;
box-shadow: 0 0 0 2px rgba($iridescent-peacock, 0.35);
}