Adlandırılmış renk · #C1DCDB
Cold Air Turquoise
Cold Air Turquoise, #C1DCDB: rgb(193 220 219), hsl(178 28% 81%), oklch(0.874 0.029 193.9). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Cold Air Turquoise color name →
#C1DCDB
oklch(0.874 0.029 193.9)
Renk dönüşümleri
- HEX
- #c1dcdb
- RGB
- rgb(193 220 219)
- HSL
- hsl(178 28% 81%)
- HWB
- hwb(178 76% 14%)
- OKLCH
- oklch(0.874 0.029 193.9)
- OKLab
- oklab(0.874 -0.028 -0.007)
- CIE Lab
- lab(85.74 -9.42 -2.7)
- LCH
- lch(85.74 9.8 196)
- CMYK
- cmyk(12% 0% 0% 14%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- C7DFDF
- CDE3E2
- D4E6E6
- DAEAE9
- E0EDED
- E6F1F0
- ECF4F4
- F3F8F8
- F9FBFB
Koyu tonlar
- A7BFBE
- 8FA3A2
- 778887
- 5F6E6D
- 495454
- 343C3C
- 202626
- 0E1111
- 020202
Gri tonlar
- BAD2D2
- B4C9C8
- ADBFBF
- A7B6B6
- A0ADAC
- 9AA4A3
- 939B9A
- 8D9291
- 868989
Renk uyumları
Tamamlayıcı +180°
- C1DCDB
Cold Air Turquoise
- E8CED0
≈ Salmon Cream
Analog -30° +30°
- C1DCDB
Cold Air Turquoise
- C5DCD1
≈ Topaz Green
- C2DAE4
≈ Getting Wet
Üçlü +120° +240°
- C1DCDB
Cold Air Turquoise
- DDD0E3
≈ Purple Mist
- E1D3C1
≈ Sand Dune
Bölünmüş tamamlayıcı +150° +210°
- C1DCDB
Cold Air Turquoise
- E4CFDA
≈ Ephemeral Red
- E7D0C7
≈ Pianissimo
Dörtlü +90° +180° +270°
- C1DCDB
Cold Air Turquoise
- D3D4E9
≈ Chill in the Air
- E8CED0
≈ Salmon Cream
- D8D7C2
≈ Veltliner White
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.44:1 · APCA Lc 21
Ag
AAASiyah üzerinde
WCAG 14.52:1 · APCA Lc 82
En iyi metin rengi: #000000
WCAG 14.52:1 (AAA) · APCA Lc 82
Contrast pairs
Kod parçacıkları
CSS
:root {
--cold-air-turquoise: #c1dcdb;
--cold-air-turquoise-rgb: 193 220 219;
--cold-air-turquoise-oklch: oklch(0.874 0.029 193.9);
}
.element {
color: var(--cold-air-turquoise);
background-color: hsl(178 28% 81%);
border-color: oklch(0.874 0.029 193.9);
}Tailwind CSS v4
@theme {
--color-cold-air-turquoise: #c1dcdb;
--color-cold-air-turquoise-50: #ecf8f8;
--color-cold-air-turquoise-100: #deebeb;
--color-cold-air-turquoise-200: #c7d8d8;
--color-cold-air-turquoise-300: #a7bcbc;
--color-cold-air-turquoise-400: #8ca4a3;
--color-cold-air-turquoise-500: #718c8c;
--color-cold-air-turquoise-600: #607776;
--color-cold-air-turquoise-700: #4c5f5e;
--color-cold-air-turquoise-800: #374645;
--color-cold-air-turquoise-900: #263030;
--color-cold-air-turquoise-950: #141c1c;
}SCSS
$cold-air-turquoise: #c1dcdb;
$cold-air-turquoise-rgb: 193, 220, 219;
$cold-air-turquoise-light: mix(#fff, $cold-air-turquoise, 20%);
$cold-air-turquoise-dark: mix(#000, $cold-air-turquoise, 20%);
.element {
color: $cold-air-turquoise;
box-shadow: 0 0 0 2px rgba($cold-air-turquoise, 0.35);
}