Nazwany kolor · #66DDDD
Pluviophile
Pluviophile to #66DDDD: rgb(102 221 221), hsl(180 64% 63%), oklch(0.83 0.107 195.3). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Teal mean? → · Pluviophile color name →
#66DDDD
oklch(0.83 0.107 195.3)
Konwersje koloru
- HEX
- #66dddd
- RGB
- rgb(102 221 221)
- HSL
- hsl(180 64% 63%)
- HWB
- hwb(180 40% 13%)
- OKLCH
- oklch(0.83 0.107 195.3)
- OKLab
- oklab(0.83 -0.103 -0.028)
- CIE Lab
- lab(81.39 -34.88 -10.77)
- LCH
- lch(81.39 36.5 197.2)
- CMYK
- cmyk(54% 0% 0% 13%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 7AE1E0
- 8BE4E4
- 9CE8E7
- ABEBEB
- BAEFEE
- C9F2F1
- D7F5F5
- E4F9F8
- F2FCFC
Odcienie ciemniejsze
- 58C0C0
- 4AA4A4
- 3C8888
- 2F6E6E
- 235555
- 173D3D
- 0C2626
- 041111
- 000202
Tony
- 6CD3D3
- 71CACA
- 75C1C0
- 79B7B7
- 7BAEAD
- 7DA5A4
- 7F9B9B
- 809292
- 808989
Harmonie kolorów
Komplementarna +180°
- 66DDDD
Pluviophile
- FFAEB3
≈ Fancy Flamingo
Analogowa -30° +30°
- 66DDDD
Pluviophile
- 7FDEB6
≈ Āsmānī Sky
- 73D6FC
≈ Sky
Triada +120° +240°
- 66DDDD
Pluviophile
- E2B2F7
≈ Candy Dreams
- F0BD75
≈ Yellow-Rumped Warbler
Komplementarna rozszczepiona +150° +210°
- 66DDDD
Pluviophile
- FAABD7
≈ Spaghetti Strap Pink
- FFB390
≈ Desert Sunrise
Tetrada +90° +180° +270°
- 66DDDD
Pluviophile
- C1C0FF
≈ Dried Lilac
- FFAEB3
≈ Fancy Flamingo
- D1CC77
≈ March Tulip Green
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.62:1 · APCA Lc 28
Ag
AAANa czerni
WCAG 12.95:1 · APCA Lc 75
Najlepszy kolor tekstu: #000000
WCAG 12.95:1 (AAA) · APCA Lc 75
Contrast pairs
Fragmenty kodu
CSS
:root {
--pluviophile: #66dddd;
--pluviophile-rgb: 102 221 221;
--pluviophile-oklch: oklch(0.83 0.107 195.3);
}
.element {
color: var(--pluviophile);
background-color: hsl(180 64% 63%);
border-color: oklch(0.83 0.107 195.3);
}Tailwind CSS v4
@theme {
--color-pluviophile: #66dddd;
--color-pluviophile-50: #d3ffff;
--color-pluviophile-100: #bff4f4;
--color-pluviophile-200: #9de3e4;
--color-pluviophile-300: #70c9ca;
--color-pluviophile-400: #3eb2b2;
--color-pluviophile-500: #009b9c;
--color-pluviophile-600: #008384;
--color-pluviophile-700: #00696a;
--color-pluviophile-800: #004e4d;
--color-pluviophile-900: #003635;
--color-pluviophile-950: #002120;
}SCSS
$pluviophile: #66dddd;
$pluviophile-rgb: 102, 221, 221;
$pluviophile-light: mix(#fff, $pluviophile, 20%);
$pluviophile-dark: mix(#000, $pluviophile, 20%);
.element {
color: $pluviophile;
box-shadow: 0 0 0 2px rgba($pluviophile, 0.35);
}