En yakın adlandırılmış renk · #ADD9DF
#ADD9DF
En yakın adlandırılmış renk: Clear Water
#ADD9DF (rgb(173 217 223), hsl(187 44% 78%), oklch(0.856 0.047 206.6)) en çok Clear Water adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#ADD9DF
oklch(0.856 0.047 206.6)
Renk dönüşümleri
- HEX
- #add9df
- RGB
- rgb(173 217 223)
- HSL
- hsl(187 44% 78%)
- HWB
- hwb(187 68% 13%)
- OKLCH
- oklch(0.856 0.047 206.6)
- OKLab
- oklab(0.856 -0.042 -0.021)
- CIE Lab
- lab(83.71 -13.87 -7.95)
- LCH
- lch(83.71 15.99 209.8)
- CMYK
- cmyk(22% 3% 0% 13%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- B5DDE2
- BEE1E5
- C6E4E9
- CEE8EC
- D6ECEF
- DEF0F2
- E7F4F5
- EFF7F9
- F7FBFC
Koyu tonlar
- 96BCC2
- 7FA1A5
- 6A868A
- 556C6F
- 415356
- 2D3B3D
- 1B2527
- 0B1112
- 010202
Gri tonlar
- A9D0D5
- A4C7CB
- A0BEC2
- 9BB4B8
- 97ACAE
- 92A3A5
- 8E9A9C
- 899192
- 858989
Renk uyumları
Tamamlayıcı +180°
- ADD9DF
Clear Water
- EDC5C0
≈ Rose Haze
Analog -30° +30°
- ADD9DF
Clear Water
- B0DACF
≈ Scandal
- B4D5EB
≈ Light Sea Cliff
Üçlü +120° +240°
- ADD9DF
Clear Water
- E1C6E0
≈ Syrian Violet
- DDCEAE
≈ Champagne Bubbles
Bölünmüş tamamlayıcı +150° +210°
- ADD9DF
Clear Water
- EAC4D0
≈ Misty Memories
- E8C9B3
≈ Woodstock Rose
Dörtlü +90° +180° +270°
- ADD9DF
Clear Water
- D2CAEB
≈ Foggy Love
- EDC5C0
≈ Rose Haze
- CDD4B2
≈ Mint Soap
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.52:1 · APCA Lc 24
Ag
AAASiyah üzerinde
WCAG 13.76:1 · APCA Lc 79
En iyi metin rengi: #000000
WCAG 13.76:1 (AAA) · APCA Lc 79
Contrast pairs
Kod parçacıkları
CSS
:root {
--clear-water: #add9df;
--clear-water-rgb: 173 217 223;
--clear-water-oklch: oklch(0.856 0.047 206.6);
}
.element {
color: var(--clear-water);
background-color: hsl(187 44% 78%);
border-color: oklch(0.856 0.047 206.6);
}Tailwind CSS v4
@theme {
--color-clear-water: #add9df;
--color-clear-water-50: #e7f9fc;
--color-clear-water-100: #d7edf0;
--color-clear-water-200: #bedadf;
--color-clear-water-300: #9dbfc4;
--color-clear-water-400: #7ea7ac;
--color-clear-water-500: #618f96;
--color-clear-water-600: #52797f;
--color-clear-water-700: #426165;
--color-clear-water-800: #2f474a;
--color-clear-water-900: #203133;
--color-clear-water-950: #0f1d1f;
}SCSS
$clear-water: #add9df;
$clear-water-rgb: 173, 217, 223;
$clear-water-light: mix(#fff, $clear-water, 20%);
$clear-water-dark: mix(#000, $clear-water, 20%);
.element {
color: $clear-water;
box-shadow: 0 0 0 2px rgba($clear-water, 0.35);
}