En yakın adlandırılmış renk · #D2E8E9
#D2E8E9
En yakın adlandırılmış renk: Queen of Waves
#D2E8E9 (rgb(210 232 233), hsl(183 34% 87%), oklch(0.915 0.023 200.1)) en çok Queen of Waves 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.
#D2E8E9
oklch(0.915 0.023 200.1)
Renk dönüşümleri
- HEX
- #d2e8e9
- RGB
- rgb(210 232 233)
- HSL
- hsl(183 34% 87%)
- HWB
- hwb(183 82% 9%)
- OKLCH
- oklch(0.915 0.023 200.1)
- OKLab
- oklab(0.915 -0.022 -0.008)
- CIE Lab
- lab(90.38 -7.38 -3.1)
- LCH
- lch(90.38 8 202.8)
- CMYK
- cmyk(10% 0% 0% 9%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- D7EAEB
- DBEDED
- E0EFF0
- E4F1F2
- E9F3F4
- EDF6F6
- F1F8F8
- F6FAFB
- FAFDFD
Koyu tonlar
- B6CACB
- 9BACAD
- 819090
- 687474
- 50595A
- 394041
- 242929
- 101313
- 020303
Gri tonlar
- CADDDE
- C1D2D3
- B9C8C8
- B0BDBE
- A8B3B3
- A0A8A9
- 989E9E
- 909494
- 888A8A
Renk uyumları
Tamamlayıcı +180°
- D2E8E9
Queen of Waves
- F2DDDC
≈ Light Marshmallow Magic
Analog -30° +30°
- D2E8E9
Queen of Waves
- D5E8E0
≈ Lit’l Buoy Blew
- D4E6F0
≈ Pattens Blue
Üçlü +120° +240°
- D2E8E9
Queen of Waves
- EADEED
≈ Pink Champagne
- EBE2D2
≈ Quarter Spanish White
Bölünmüş tamamlayıcı +150° +210°
- D2E8E9
Queen of Waves
- F0DDE5
≈ Piggyback
- F1DFD5
≈ Kasugai Peach
Dörtlü +90° +180° +270°
- D2E8E9
Queen of Waves
- E2E1F2
≈ Opus Magnum
- F2DDDC
≈ Light Marshmallow Magic
- E3E5D3
≈ Sage Splash
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.27:1 · APCA Lc 14
Ag
AAASiyah üzerinde
WCAG 16.45:1 · APCA Lc 90
En iyi metin rengi: #000000
WCAG 16.45:1 (AAA) · APCA Lc 90
Contrast pairs
Kod parçacıkları
CSS
:root {
--queen-of-waves: #d2e8e9;
--queen-of-waves-rgb: 210 232 233;
--queen-of-waves-oklch: oklch(0.915 0.023 200.1);
}
.element {
color: var(--queen-of-waves);
background-color: hsl(183 34% 87%);
border-color: oklch(0.915 0.023 200.1);
}Tailwind CSS v4
@theme {
--color-queen-of-waves: #d2e8e9;
--color-queen-of-waves-50: #eef7f8;
--color-queen-of-waves-100: #dfeaeb;
--color-queen-of-waves-200: #c9d7d8;
--color-queen-of-waves-300: #aabbbc;
--color-queen-of-waves-400: #8fa3a4;
--color-queen-of-waves-500: #758b8c;
--color-queen-of-waves-600: #637677;
--color-queen-of-waves-700: #4f5e5f;
--color-queen-of-waves-800: #394545;
--color-queen-of-waves-900: #273030;
--color-queen-of-waves-950: #151c1c;
}SCSS
$queen-of-waves: #d2e8e9;
$queen-of-waves-rgb: 210, 232, 233;
$queen-of-waves-light: mix(#fff, $queen-of-waves, 20%);
$queen-of-waves-dark: mix(#000, $queen-of-waves, 20%);
.element {
color: $queen-of-waves;
box-shadow: 0 0 0 2px rgba($queen-of-waves, 0.35);
}