Colore con nome · #26B7B5
Caicos Turquoise
Caicos Turquoise è #26B7B5: rgb(38 183 181), hsl(179 66% 43%), oklch(0.708 0.114 193.4). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Teal mean? → · Caicos Turquoise color name →
#26B7B5
oklch(0.708 0.114 193.4)
Conversioni di colore
- HEX
- #26b7b5
- RGB
- rgb(38 183 181)
- HSL
- hsl(179 66% 43%)
- HWB
- hwb(179 15% 28%)
- OKLCH
- oklch(0.708 0.114 193.4)
- OKLab
- oklab(0.708 -0.111 -0.027)
- CIE Lab
- lab(67.41 -37.78 -10.12)
- LCH
- lch(67.41 39.12 195)
- CMYK
- cmyk(79% 0% 1% 28%)
Tinte · Ombre · Toni
Tinte
- 4BBEBC
- 65C6C4
- 7CCDCB
- 90D4D2
- A4DBDA
- B7E3E1
- C9EAE8
- DBF1F0
- EDF8F7
Ombre
- 209F9D
- 198786
- 13706F
- 0D5A59
- 084544
- 043130
- 021E1D
- 010C0C
- 000202
Toni
- 3CB2B0
- 4AACAA
- 55A7A5
- 5EA19F
- 669C9A
- 6D9695
- 729190
- 778B8A
- 7C8685
Armonie di colore
Complementare +180°
- 26B7B5
Caicos Turquoise
- DE828C
≈ Pulp
Analogo -30° +30°
- 26B7B5
Caicos Turquoise
- 52B78D
≈ Blue Green Scene
- 3CB0D5
≈ Santorini
Triadico +120° +240°
- 26B7B5
Caicos Turquoise
- BA8BD3
≈ Pale Purple
- CC9548
≈ Bengal
Complementare divisa +150° +210°
- 26B7B5
Caicos Turquoise
- D383B3
≈ Middle Purple
- DC8965
≈ Midnight in Saigon
Tetradico +90° +180° +270°
- 26B7B5
Caicos Turquoise
- 9897E6
≈ Dull Lavender
- DE828C
≈ Pulp
- AEA448
≈ The Goods
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.46:1 · APCA Lc 48
Ag
AAASu nero
WCAG 8.52:1 · APCA Lc 54
Miglior colore del testo: #000000
WCAG 8.52:1 (AAA) · APCA Lc 54
Contrast pairs
Frammenti di codice
CSS
:root {
--caicos-turquoise: #26b7b5;
--caicos-turquoise-rgb: 38 183 181;
--caicos-turquoise-oklch: oklch(0.708 0.114 193.4);
}
.element {
color: var(--caicos-turquoise);
background-color: hsl(179 66% 43%);
border-color: oklch(0.708 0.114 193.4);
}Tailwind CSS v4
@theme {
--color-caicos-turquoise: #26b7b5;
--color-caicos-turquoise-50: #d0ffff;
--color-caicos-turquoise-100: #bcf4f4;
--color-caicos-turquoise-200: #99e4e4;
--color-caicos-turquoise-300: #69caca;
--color-caicos-turquoise-400: #31b3b1;
--color-caicos-turquoise-500: #009d9b;
--color-caicos-turquoise-600: #008583;
--color-caicos-turquoise-700: #006a69;
--color-caicos-turquoise-800: #004e4c;
--color-caicos-turquoise-900: #003735;
--color-caicos-turquoise-950: #002120;
}SCSS
$caicos-turquoise: #26b7b5;
$caicos-turquoise-rgb: 38, 183, 181;
$caicos-turquoise-light: mix(#fff, $caicos-turquoise, 20%);
$caicos-turquoise-dark: mix(#000, $caicos-turquoise, 20%);
.element {
color: $caicos-turquoise;
box-shadow: 0 0 0 2px rgba($caicos-turquoise, 0.35);
}