En yakın adlandırılmış renk · #D8EBF0
#D8EBF0
En yakın adlandırılmış renk: Ocean Breeze
#D8EBF0 (rgb(216 235 240), hsl(193 44% 89%), oklch(0.927 0.021 215.3)) en çok Ocean Breeze 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.
#D8EBF0
oklch(0.927 0.021 215.3)
Renk dönüşümleri
- HEX
- #d8ebf0
- RGB
- rgb(216 235 240)
- HSL
- hsl(193 44% 89%)
- HWB
- hwb(193 85% 6%)
- OKLCH
- oklch(0.927 0.021 215.3)
- OKLab
- oklab(0.927 -0.017 -0.012)
- CIE Lab
- lab(91.74 -5.78 -4.7)
- LCH
- lch(91.74 7.45 219.1)
- CMYK
- cmyk(10% 2% 0% 6%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- DCEDF2
- E0EFF3
- E4F1F5
- E8F3F6
- ECF5F8
- EFF7F9
- F3F9FB
- F7FBFC
- FBFDFE
Koyu tonlar
- BCCCD1
- A0AEB2
- 859195
- 6B7578
- 535B5D
- 3B4143
- 25292A
- 111314
- 020303
Gri tonlar
- CFE0E4
- C6D5D9
- BDCACD
- B4BFC2
- ABB4B6
- A2A9AB
- 9A9FA0
- 919495
- 888A8B
Renk uyumları
Tamamlayıcı +180°
- D8EBF0
Ocean Breeze
- F5E2DE
≈ Floral Linen
Analog -30° +30°
- D8EBF0
Ocean Breeze
- D8ECE9
≈ Supernova Residues
- DCE9F5
≈ Azureish White
Üçlü +120° +240°
- D8EBF0
Ocean Breeze
- F1E2ED
≈ Taffeta Tint
- EBE7D8
≈ Dried Coconut
Bölünmüş tamamlayıcı +150° +210°
- D8EBF0
Ocean Breeze
- F5E1E5
≈ Poetic Princess
- F1E5D9
≈ Finest Silk
Dörtlü +90° +180° +270°
- D8EBF0
Ocean Breeze
- EAE4F3
≈ Modest Violet
- F5E2DE
≈ Floral Linen
- E4EADB
≈ Rhine Falls
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.23:1 · APCA Lc 11
Ag
AAASiyah üzerinde
WCAG 17.06:1 · APCA Lc 93
En iyi metin rengi: #000000
WCAG 17.06:1 (AAA) · APCA Lc 93
Contrast pairs
Kod parçacıkları
CSS
:root {
--ocean-breeze: #d8ebf0;
--ocean-breeze-rgb: 216 235 240;
--ocean-breeze-oklch: oklch(0.927 0.021 215.3);
}
.element {
color: var(--ocean-breeze);
background-color: hsl(193 44% 89%);
border-color: oklch(0.927 0.021 215.3);
}Tailwind CSS v4
@theme {
--color-ocean-breeze: #d8ebf0;
--color-ocean-breeze-50: #eff7f9;
--color-ocean-breeze-100: #e0eaec;
--color-ocean-breeze-200: #cbd7da;
--color-ocean-breeze-300: #acbabf;
--color-ocean-breeze-400: #91a2a6;
--color-ocean-breeze-500: #778a8f;
--color-ocean-breeze-600: #657579;
--color-ocean-breeze-700: #505d61;
--color-ocean-breeze-800: #3a4447;
--color-ocean-breeze-900: #282f31;
--color-ocean-breeze-950: #161c1d;
}SCSS
$ocean-breeze: #d8ebf0;
$ocean-breeze-rgb: 216, 235, 240;
$ocean-breeze-light: mix(#fff, $ocean-breeze, 20%);
$ocean-breeze-dark: mix(#000, $ocean-breeze, 20%);
.element {
color: $ocean-breeze;
box-shadow: 0 0 0 2px rgba($ocean-breeze, 0.35);
}