Adlandırılmış renk · #D7E5EA
White Sea
White Sea, #D7E5EA: rgb(215 229 234), hsl(196 31% 88%), oklch(0.913 0.016 221.1). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · White Sea color name →
#D7E5EA
oklch(0.913 0.016 221.1)
Renk dönüşümleri
- HEX
- #d7e5ea
- RGB
- rgb(215 229 234)
- HSL
- hsl(196 31% 88%)
- HWB
- hwb(196 84% 8%)
- OKLCH
- oklch(0.913 0.016 221.1)
- OKLab
- oklab(0.913 -0.012 -0.011)
- CIE Lab
- lab(89.99 -4.12 -4.14)
- LCH
- lch(89.99 5.84 225.1)
- CMYK
- cmyk(8% 2% 0% 8%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- DBE8EC
- DFEAEE
- E3EDF0
- E7EFF2
- EBF2F4
- EFF5F7
- F3F7F9
- F7FAFB
- FBFCFD
Koyu tonlar
- BBC7CB
- 9FAAAE
- 858E91
- 6B7275
- 52585A
- 3B3F41
- 252829
- 111213
- 020303
Gri tonlar
- CEDADF
- C5D0D4
- BCC6C9
- B3BBBE
- ABB1B4
- A2A7A9
- 999D9F
- 919394
- 888A8A
Renk uyumları
Tamamlayıcı +180°
- D7E5EA
White Sea
- EDDFDA
≈ Apricot Foam
Analog -30° +30°
- D7E5EA
White Sea
- D7E6E5
≈ Interdimensional Portal
- DAE3ED
≈ Iceberg
Üçlü +120° +240°
- D7E5EA
White Sea
- EADEE5
≈ Weak Mauve
- E4E3D6
≈ Light Sprinkle
Bölünmüş tamamlayıcı +150° +210°
- D7E5EA
White Sea
- EDDEDF
≈ Reduced Red
- E9E1D7
≈ Sharp-Rip Drill
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.28:1 · APCA Lc 14
Ag
AAASiyah üzerinde
WCAG 16.28:1 · APCA Lc 89
En iyi metin rengi: #000000
WCAG 16.28:1 (AAA) · APCA Lc 89
Contrast pairs
Kod parçacıkları
CSS
:root {
--white-sea: #d7e5ea;
--white-sea-rgb: 215 229 234;
--white-sea-oklch: oklch(0.913 0.016 221.1);
}
.element {
color: var(--white-sea);
background-color: hsl(196 31% 88%);
border-color: oklch(0.913 0.016 221.1);
}Tailwind CSS v4
@theme {
--color-white-sea: #d7e5ea;
--color-white-sea-50: #f0f6f9;
--color-white-sea-100: #e2e9ec;
--color-white-sea-200: #cdd6d9;
--color-white-sea-300: #afb9be;
--color-white-sea-400: #94a1a5;
--color-white-sea-500: #7b898e;
--color-white-sea-600: #687478;
--color-white-sea-700: #535d60;
--color-white-sea-800: #3c4446;
--color-white-sea-900: #292f31;
--color-white-sea-950: #171b1d;
}SCSS
$white-sea: #d7e5ea;
$white-sea-rgb: 215, 229, 234;
$white-sea-light: mix(#fff, $white-sea, 20%);
$white-sea-dark: mix(#000, $white-sea, 20%);
.element {
color: $white-sea;
box-shadow: 0 0 0 2px rgba($white-sea, 0.35);
}