Colore con nome · #12939A
Peacock Feather
Peacock Feather è #12939A: rgb(18 147 154), hsl(183 79% 34%), oklch(0.605 0.1 201). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Cyan mean? → · Peacock Feather color name →
#12939A
oklch(0.605 0.1 201)
Conversioni di colore
- HEX
- #12939a
- RGB
- rgb(18 147 154)
- HSL
- hsl(183 79% 34%)
- HWB
- hwb(183 7% 40%)
- OKLCH
- oklch(0.605 0.1 201)
- OKLab
- oklab(0.605 -0.093 -0.036)
- CIE Lab
- lab(55.08 -30.93 -13.4)
- LCH
- lch(55.08 33.7 203.4)
- CMYK
- cmyk(88% 5% 0% 40%)
Tinte · Ombre · Toni
Tinte
- 3C9EA4
- 57A8AE
- 6EB3B8
- 84BEC2
- 99C9CC
- AED3D6
- C2DEE0
- D6E9EA
- EBF4F5
Ombre
- 0E7F85
- 0A6C71
- 07595E
- 04474B
- 023639
- 012527
- 011617
- 000809
- 000101
Toni
- 2D9197
- 3D9095
- 498E92
- 538C90
- 5C8A8D
- 65888A
- 6C8688
- 738485
- 7A8283
Armonie di colore
Complementare +180°
- 12939A
Peacock Feather
- B66867
≈ Lord Baltimore
Analogo -30° +30°
- 12939A
Peacock Feather
- 339579
≈ Illuminating Emerald
- 368CB2
≈ Carol
Triadico +120° +240°
- 12939A
Peacock Feather
- 9D6DA6
≈ Dark Lilac
- A07B33
≈ Arlington Bronze
Complementare divisa +150° +210°
- 12939A
Peacock Feather
- AF6889
≈ Cure All
- B16F48
≈ Not yet Caramel
Tetradico +90° +180° +270°
- 12939A
Peacock Feather
- 8276B9
≈ Purple Hebe
- B66867
≈ Lord Baltimore
- 84873B
≈ Witch Brew
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.70:1 · APCA Lc 64
Ag
AASu nero
WCAG 5.66:1 · APCA Lc 38
Miglior colore del testo: #000000
WCAG 5.66:1 (AA) · APCA Lc 38
Contrast pairs
Frammenti di codice
CSS
:root {
--peacock-feather: #12939a;
--peacock-feather-rgb: 18 147 154;
--peacock-feather-oklch: oklch(0.605 0.1 201);
}
.element {
color: var(--peacock-feather);
background-color: hsl(183 79% 34%);
border-color: oklch(0.605 0.1 201);
}Tailwind CSS v4
@theme {
--color-peacock-feather: #12939a;
--color-peacock-feather-50: #d5feff;
--color-peacock-feather-100: #c2f2f7;
--color-peacock-feather-200: #a1e1e7;
--color-peacock-feather-300: #76c7ce;
--color-peacock-feather-400: #49b0b7;
--color-peacock-feather-500: #0099a1;
--color-peacock-feather-600: #008288;
--color-peacock-feather-700: #00686d;
--color-peacock-feather-800: #004d4f;
--color-peacock-feather-900: #023537;
--color-peacock-feather-950: #002022;
}SCSS
$peacock-feather: #12939a;
$peacock-feather-rgb: 18, 147, 154;
$peacock-feather-light: mix(#fff, $peacock-feather, 20%);
$peacock-feather-dark: mix(#000, $peacock-feather, 20%);
.element {
color: $peacock-feather;
box-shadow: 0 0 0 2px rgba($peacock-feather, 0.35);
}