Colore con nome · #206D71
Peacock Plume
Peacock Plume è #206D71: rgb(32 109 113), hsl(183 56% 28%), oklch(0.491 0.073 200.1). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Cyan mean? → · Peacock Plume color name →
#206D71
oklch(0.491 0.073 200.1)
Conversioni di colore
- HEX
- #206d71
- RGB
- rgb(32 109 113)
- HSL
- hsl(183 56% 28%)
- HWB
- hwb(183 13% 56%)
- OKLCH
- oklch(0.491 0.073 200.1)
- OKLab
- oklab(0.491 -0.068 -0.025)
- CIE Lab
- lab(41.67 -22.75 -9.41)
- LCH
- lch(41.67 24.62 202.5)
- CMYK
- cmyk(72% 4% 0% 56%)
Tinte · Ombre · Toni
Tinte
- 3B7B7E
- 52898C
- 68979A
- 7DA5A7
- 93B4B6
- A8C3C4
- BDD1D2
- D3E1E1
- E9F0F0
Ombre
- 1A5E61
- 154F52
- 0F4143
- 0A3335
- 062627
- 03191A
- 010D0E
- 000404
- 000101
Toni
- 2F6F73
- 3A7174
- 457376
- 4E7577
- 577779
- 60797A
- 687B7C
- 707D7D
- 787E7F
Armonie di colore
Complementare +180°
- 206D71
Peacock Plume
- 854F4F
≈ New Roof
Analogo -30° +30°
- 206D71
Peacock Plume
- 2F6E5A
≈ Antique Green
- 2F6882
≈ Naval Passage
Triadico +120° +240°
- 206D71
Peacock Plume
- 73537A
≈ Patrician Purple
- 765C2D
≈ Florentine Dream
Complementare divisa +150° +210°
- 206D71
Peacock Plume
- 804F66
≈ Nectar Red
- 82543A
≈ Chocolate Stain
Tetradico +90° +180° +270°
- 206D71
Peacock Plume
- 605987
≈ Purple Balloon
- 854F4F
≈ New Roof
- 636431
≈ Scots Pine
Contrasto e accessibilità
Ag
AASu bianco
WCAG 6.02:1 · APCA Lc 80
Ag
FailSu nero
WCAG 3.48:1 · APCA Lc 22
Miglior colore del testo: #FFFFFF
WCAG 6.02:1 (AA) · APCA Lc 80
Contrast pairs
Frammenti di codice
CSS
:root {
--peacock-plume: #206d71;
--peacock-plume-rgb: 32 109 113;
--peacock-plume-oklch: oklch(0.491 0.073 200.1);
}
.element {
color: var(--peacock-plume);
background-color: hsl(183 56% 28%);
border-color: oklch(0.491 0.073 200.1);
}Tailwind CSS v4
@theme {
--color-peacock-plume: #206d71;
--color-peacock-plume-50: #defcfe;
--color-peacock-plume-100: #cdf0f2;
--color-peacock-plume-200: #b1dee2;
--color-peacock-plume-300: #8bc3c7;
--color-peacock-plume-400: #68acaf;
--color-peacock-plume-500: #429599;
--color-peacock-plume-600: #397e81;
--color-peacock-plume-700: #2e6568;
--color-peacock-plume-800: #1f4a4b;
--color-peacock-plume-900: #153334;
--color-peacock-plume-950: #061f20;
}SCSS
$peacock-plume: #206d71;
$peacock-plume-rgb: 32, 109, 113;
$peacock-plume-light: mix(#fff, $peacock-plume, 20%);
$peacock-plume-dark: mix(#000, $peacock-plume, 20%);
.element {
color: $peacock-plume;
box-shadow: 0 0 0 2px rgba($peacock-plume, 0.35);
}