En yakın adlandırılmış renk · #E3F7FE
#E3F7FE
En yakın adlandırılmış renk: Diamond White
#E3F7FE (rgb(227 247 254), hsl(196 93% 94%), oklch(0.964 0.023 220.7)) en çok Diamond White 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.
#E3F7FE
oklch(0.964 0.023 220.7)
Renk dönüşümleri
- HEX
- #e3f7fe
- RGB
- rgb(227 247 254)
- HSL
- hsl(196 93% 94%)
- HWB
- hwb(196 89% 0%)
- OKLCH
- oklch(0.964 0.023 220.7)
- OKLab
- oklab(0.964 -0.017 -0.015)
- CIE Lab
- lab(95.9 -5.77 -5.73)
- LCH
- lch(95.9 8.13 224.8)
- CMYK
- cmyk(11% 3% 0% 0%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- E6F8FE
- E9F9FE
- EBF9FE
- EEFAFE
- F1FBFF
- F4FCFF
- F7FDFF
- F9FDFF
- FCFEFF
Koyu tonlar
- C5D7DD
- A8B7BD
- 8C999E
- 717C80
- 576063
- 3F4547
- 272C2D
- 121516
- 030303
Gri tonlar
- D9EAF1
- CEDEE4
- C4D2D7
- BAC6CA
- B0BABD
- A6AEB1
- 9DA2A4
- 939798
- 898B8C
Renk uyumları
Tamamlayıcı +180°
- E3F7FE
Diamond White
- FFEFEA
≈ Strawberry Dust
Analog -30° +30°
- E3F7FE
Diamond White
- E2F8F6
≈ Frosty Mint
- EAF4FF
≈ Moon White
Üçlü +120° +240°
- E3F7FE
Diamond White
- FFEDF8
≈ Partial Pink
- F6F4E2
≈ Tibetan Jasmine
Bölünmüş tamamlayıcı +150° +210°
- E3F7FE
Diamond White
- FFEEF0
≈ Translucent Unicorn
- FDF1E3
≈ Rice Pudding
Dörtlü +90° +180° +270°
- E3F7FE
Diamond White
- F8EFFF
≈ Cloud Break
- FFEFEA
≈ Strawberry Dust
- EEF6E6
≈ Verde Pastel
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.10:1 · APCA Lc 0
Ag
AAASiyah üzerinde
WCAG 19.00:1 · APCA Lc 100
En iyi metin rengi: #000000
WCAG 19.00:1 (AAA) · APCA Lc 100
Contrast pairs
Kod parçacıkları
CSS
:root {
--diamond-white: #e3f7fe;
--diamond-white-rgb: 227 247 254;
--diamond-white-oklch: oklch(0.964 0.023 220.7);
}
.element {
color: var(--diamond-white);
background-color: hsl(196 93% 94%);
border-color: oklch(0.964 0.023 220.7);
}Tailwind CSS v4
@theme {
--color-diamond-white: #e3f7fe;
--color-diamond-white-50: #eef7fa;
--color-diamond-white-100: #e0eaed;
--color-diamond-white-200: #cad7db;
--color-diamond-white-300: #abbac0;
--color-diamond-white-400: #90a2a8;
--color-diamond-white-500: #768a91;
--color-diamond-white-600: #64757b;
--color-diamond-white-700: #505d62;
--color-diamond-white-800: #3a4448;
--color-diamond-white-900: #282f32;
--color-diamond-white-950: #161c1e;
}SCSS
$diamond-white: #e3f7fe;
$diamond-white-rgb: 227, 247, 254;
$diamond-white-light: mix(#fff, $diamond-white, 20%);
$diamond-white-dark: mix(#000, $diamond-white, 20%);
.element {
color: $diamond-white;
box-shadow: 0 0 0 2px rgba($diamond-white, 0.35);
}