Adlandırılmış renk · #D3ECE4
Adriatic Mist
Adriatic Mist, #D3ECE4: rgb(211 236 228), hsl(161 40% 88%), oklch(0.923 0.028 174.5). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Adriatic Mist color name →
#D3ECE4
oklch(0.923 0.028 174.5)
Renk dönüşümleri
- HEX
- #d3ece4
- RGB
- rgb(211 236 228)
- HSL
- hsl(161 40% 88%)
- HWB
- hwb(161 83% 7%)
- OKLCH
- oklch(0.923 0.028 174.5)
- OKLab
- oklab(0.923 -0.028 0.003)
- CIE Lab
- lab(91.38 -9.65 0.95)
- LCH
- lch(91.38 9.69 174.4)
- CMYK
- cmyk(11% 0% 3% 7%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- D7EEE7
- DCF0E9
- E0F2EC
- E5F4EF
- E9F6F1
- EDF7F4
- F2F9F7
- F6FBFA
- FBFDFC
Koyu tonlar
- B7CDC6
- 9CAFA9
- 82928D
- 697672
- 515B58
- 3A423F
- 242928
- 101312
- 020303
Gri tonlar
- CAE1DA
- C2D5CF
- B9CAC5
- B1BFBB
- A9B5B1
- A0AAA7
- 989F9D
- 909593
- 888A8A
Renk uyumları
Tamamlayıcı +180°
- D3ECE4
Adriatic Mist
- F6DEE6
≈ Wishy-Washy Lilies
Analog -30° +30°
- D3ECE4
Adriatic Mist
- DAEBDA
≈ Cottage Green
- D1EBEE
≈ Castle in the Sky
Üçlü +120° +240°
- D3ECE4
Adriatic Mist
- E6E2F7
≈ Lavender Mist
- F5E1D4
≈ Peach Everlasting
Bölünmüş tamamlayıcı +150° +210°
- D3ECE4
Adriatic Mist
- EFDFF0
≈ Divine Dove
- F8DFDC
≈ Pale Perfection
Dörtlü +90° +180° +270°
- D3ECE4
Adriatic Mist
- DCE6F9
≈ Crystal Falls
- F6DEE6
≈ Wishy-Washy Lilies
- EEE4D1
≈ Tawny Daylily
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.24:1 · APCA Lc 12
Ag
AAASiyah üzerinde
WCAG 16.88:1 · APCA Lc 92
En iyi metin rengi: #000000
WCAG 16.88:1 (AAA) · APCA Lc 92
Contrast pairs
Kod parçacıkları
CSS
:root {
--adriatic-mist: #d3ece4;
--adriatic-mist-rgb: 211 236 228;
--adriatic-mist-oklch: oklch(0.923 0.028 174.5);
}
.element {
color: var(--adriatic-mist);
background-color: hsl(161 40% 88%);
border-color: oklch(0.923 0.028 174.5);
}Tailwind CSS v4
@theme {
--color-adriatic-mist: #d3ece4;
--color-adriatic-mist-50: #edf8f5;
--color-adriatic-mist-100: #dfebe7;
--color-adriatic-mist-200: #c8d8d4;
--color-adriatic-mist-300: #a9bcb7;
--color-adriatic-mist-400: #8ea49d;
--color-adriatic-mist-500: #738d85;
--color-adriatic-mist-600: #627770;
--color-adriatic-mist-700: #4e5f5a;
--color-adriatic-mist-800: #394641;
--color-adriatic-mist-900: #27302d;
--color-adriatic-mist-950: #151c1a;
}SCSS
$adriatic-mist: #d3ece4;
$adriatic-mist-rgb: 211, 236, 228;
$adriatic-mist-light: mix(#fff, $adriatic-mist, 20%);
$adriatic-mist-dark: mix(#000, $adriatic-mist, 20%);
.element {
color: $adriatic-mist;
box-shadow: 0 0 0 2px rgba($adriatic-mist, 0.35);
}