En yakın adlandırılmış renk · #BBD4E8
#BBD4E8
En yakın adlandırılmış renk: Delicate Ice
#BBD4E8 (rgb(187 212 232), hsl(207 49% 82%), oklch(0.858 0.039 242.2)) en çok Delicate Ice 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.
#BBD4E8
oklch(0.858 0.039 242.2)
Renk dönüşümleri
- HEX
- #bbd4e8
- RGB
- rgb(187 212 232)
- HSL
- hsl(207 49% 82%)
- HWB
- hwb(207 73% 9%)
- OKLCH
- oklch(0.858 0.039 242.2)
- OKLab
- oklab(0.858 -0.018 -0.034)
- CIE Lab
- lab(83.52 -5.52 -12.85)
- LCH
- lch(83.52 13.99 246.8)
- CMYK
- cmyk(19% 9% 0% 9%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- C2D8EA
- C8DDED
- CFE1EF
- D6E5F1
- DDE9F4
- E4EEF6
- EAF2F8
- F1F6FA
- F8FBFD
Koyu tonlar
- A2B8CA
- 8A9DAC
- 738390
- 5C6974
- 465159
- 323A40
- 1F2429
- 0D1013
- 020203
Gri tonlar
- B5CBDD
- AFC3D2
- A9BAC8
- A3B2BD
- 9DA9B3
- 97A1A8
- 91989E
- 8C9094
- 86888A
Renk uyumları
Tamamlayıcı +180°
- BBD4E8
Delicate Ice
- E3CBB7
≈ Geyser Basin
Analog -30° +30°
- BBD4E8
Delicate Ice
- B4D8DF
≈ Tear
- C7CFEA
≈ Purple Pj’s
Üçlü +120° +240°
- BBD4E8
Delicate Ice
- E7C6CE
≈ Light Blush
- CCD5B9
≈ Canary Green
Bölünmüş tamamlayıcı +150° +210°
- BBD4E8
Delicate Ice
- E9C8C1
≈ Kashmir Pink
- D9D0B4
≈ Lake Bluff Putty
Dörtlü +90° +180° +270°
- BBD4E8
Delicate Ice
- E0C7DC
≈ Decadial Pink
- E3CBB7
≈ Geyser Basin
- BED8C4
≈ Edgewater
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.53:1 · APCA Lc 25
Ag
AAASiyah üzerinde
WCAG 13.69:1 · APCA Lc 78
En iyi metin rengi: #000000
WCAG 13.69:1 (AAA) · APCA Lc 78
Contrast pairs
Kod parçacıkları
CSS
:root {
--delicate-ice: #bbd4e8;
--delicate-ice-rgb: 187 212 232;
--delicate-ice-oklch: oklch(0.858 0.039 242.2);
}
.element {
color: var(--delicate-ice);
background-color: hsl(207 49% 82%);
border-color: oklch(0.858 0.039 242.2);
}Tailwind CSS v4
@theme {
--color-delicate-ice: #bbd4e8;
--color-delicate-ice-50: #ecf7ff;
--color-delicate-ice-100: #deeaf4;
--color-delicate-ice-200: #c7d7e4;
--color-delicate-ice-300: #a7baca;
--color-delicate-ice-400: #8ba2b4;
--color-delicate-ice-500: #708a9e;
--color-delicate-ice-600: #5f7586;
--color-delicate-ice-700: #4c5d6b;
--color-delicate-ice-800: #36444f;
--color-delicate-ice-900: #252f37;
--color-delicate-ice-950: #141c22;
}SCSS
$delicate-ice: #bbd4e8;
$delicate-ice-rgb: 187, 212, 232;
$delicate-ice-light: mix(#fff, $delicate-ice, 20%);
$delicate-ice-dark: mix(#000, $delicate-ice, 20%);
.element {
color: $delicate-ice;
box-shadow: 0 0 0 2px rgba($delicate-ice, 0.35);
}