Adlandırılmış renk · #E4DFD1
Southern Breeze
Southern Breeze, #E4DFD1: rgb(228 223 209), hsl(44 26% 86%), oklch(0.904 0.02 90.6). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Southern Breeze color name →
#E4DFD1
oklch(0.904 0.02 90.6)
Renk dönüşümleri
- HEX
- #e4dfd1
- RGB
- rgb(228 223 209)
- HSL
- hsl(44 26% 86%)
- HWB
- hwb(44 82% 11%)
- OKLCH
- oklch(0.904 0.02 90.6)
- OKLab
- oklab(0.904 0 0.02)
- CIE Lab
- lab(88.93 -0.02 7.52)
- LCH
- lch(88.93 7.52 90.1)
- CMYK
- cmyk(0% 2% 8% 11%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- E7E2D6
- E9E5DA
- ECE9DF
- EFECE3
- F1EFE8
- F4F2EC
- F7F5F1
- FAF9F6
- FCFCFA
Koyu tonlar
- C6C2B5
- A9A59B
- 8D8A81
- 726F68
- 585650
- 3F3D39
- 282723
- 121210
- 030202
Gri tonlar
- DAD5C9
- CFCBC0
- C5C2B8
- BBB8B0
- B1AEA8
- A7A5A0
- 9D9B98
- 939290
- 8A8988
Renk uyumları
Tamamlayıcı +180°
- E4DFD1
Southern Breeze
- DADFED
≈ Timid Blue
Analog -30° +30°
- E4DFD1
Southern Breeze
- E9DDD3
≈ Polite White
- DDE1D3
≈ Moss Mist
Üçlü +120° +240°
- E4DFD1
Southern Breeze
- D1E3E6
≈ Ski White
- E7DBE5
≈ Spangle
Bölünmüş tamamlayıcı +150° +210°
- E4DFD1
Southern Breeze
- D4E1EB
≈ Pale Grey Blue
- E1DDEB
≈ Rare Crystal
Dörtlü +90° +180° +270°
- E4DFD1
Southern Breeze
- D2E4E0
≈ Morning Breeze
- DADFED
≈ Timid Blue
- EBDADE
≈ Discrete Pink
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.33:1 · APCA Lc 16
Ag
AAASiyah üzerinde
WCAG 15.77:1 · APCA Lc 87
En iyi metin rengi: #000000
WCAG 15.77:1 (AAA) · APCA Lc 87
Contrast pairs
Kod parçacıkları
CSS
:root {
--southern-breeze: #e4dfd1;
--southern-breeze-rgb: 228 223 209;
--southern-breeze-oklch: oklch(0.904 0.02 90.6);
}
.element {
color: var(--southern-breeze);
background-color: hsl(44 26% 86%);
border-color: oklch(0.904 0.02 90.6);
}Tailwind CSS v4
@theme {
--color-southern-breeze: #e4dfd1;
--color-southern-breeze-50: #f7f5ef;
--color-southern-breeze-100: #eae8e1;
--color-southern-breeze-200: #d7d4cb;
--color-southern-breeze-300: #bbb7ac;
--color-southern-breeze-400: #a39e92;
--color-southern-breeze-500: #8b8678;
--color-southern-breeze-600: #767166;
--color-southern-breeze-700: #5e5b51;
--color-southern-breeze-800: #45423b;
--color-southern-breeze-900: #302e28;
--color-southern-breeze-950: #1c1a16;
}SCSS
$southern-breeze: #e4dfd1;
$southern-breeze-rgb: 228, 223, 209;
$southern-breeze-light: mix(#fff, $southern-breeze, 20%);
$southern-breeze-dark: mix(#000, $southern-breeze, 20%);
.element {
color: $southern-breeze;
box-shadow: 0 0 0 2px rgba($southern-breeze, 0.35);
}