Adlandırılmış renk · #EAD9CB
Shoreland
Shoreland, #EAD9CB: rgb(234 217 203), hsl(27 42% 86%), oklch(0.895 0.027 62). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Shoreland color name →
#EAD9CB
oklch(0.895 0.027 62)
Renk dönüşümleri
- HEX
- #ead9cb
- RGB
- rgb(234 217 203)
- HSL
- hsl(27 42% 86%)
- HWB
- hwb(27 80% 8%)
- OKLCH
- oklch(0.895 0.027 62)
- OKLab
- oklab(0.895 0.013 0.024)
- CIE Lab
- lab(87.81 4.35 9.14)
- LCH
- lch(87.81 10.13 64.5)
- CMYK
- cmyk(0% 7% 13% 8%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- ECDDD0
- EEE1D5
- F0E4DA
- F2E8E0
- F5ECE5
- F7F0EA
- F9F4EF
- FBF7F4
- FDFBFA
Koyu tonlar
- CBBCB0
- AEA196
- 91867D
- 756C65
- 5A534D
- 413B37
- 292522
- 13110F
- 030202
Gri tonlar
- DFD0C3
- D4C7BC
- C9BDB4
- BEB4AC
- B4ABA5
- A9A39D
- 9F9A96
- 94918F
- 8A8987
Renk uyumları
Tamamlayıcı +180°
- EAD9CB
Shoreland
- CEDFED
≈ Vanishing Blue
Analog -30° +30°
- EAD9CB
Shoreland
- EED7D2
≈ Delicate Blush
- E3DCC9
≈ Vintage Linen
Üçlü +120° +240°
- EAD9CB
Shoreland
- CAE3DE
≈ Ice Bomb
- DFD9EC
≈ Chinese Silver
Bölünmüş tamamlayıcı +150° +210°
- EAD9CB
Shoreland
- C9E2E7
≈ Aviary Blue
- D6DCEF
≈ Blissful Meditation
Dörtlü +90° +180° +270°
- EAD9CB
Shoreland
- D0E2D4
≈ Minty Delight
- CEDFED
≈ Vanishing Blue
- E8D6E4
≈ Snuff
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.37:1 · APCA Lc 18
Ag
AAASiyah üzerinde
WCAG 15.28:1 · APCA Lc 85
En iyi metin rengi: #000000
WCAG 15.28:1 (AAA) · APCA Lc 85
Contrast pairs
Kod parçacıkları
CSS
:root {
--shoreland: #ead9cb;
--shoreland-rgb: 234 217 203;
--shoreland-oklch: oklch(0.895 0.027 62);
}
.element {
color: var(--shoreland);
background-color: hsl(27 42% 86%);
border-color: oklch(0.895 0.027 62);
}Tailwind CSS v4
@theme {
--color-shoreland: #ead9cb;
--color-shoreland-50: #fbf4ed;
--color-shoreland-100: #eee6df;
--color-shoreland-200: #ddd2c9;
--color-shoreland-300: #c2b5aa;
--color-shoreland-400: #aa9b8f;
--color-shoreland-500: #948374;
--color-shoreland-600: #7d6f63;
--color-shoreland-700: #64584f;
--color-shoreland-800: #4a4039;
--color-shoreland-900: #332c27;
--color-shoreland-950: #1f1915;
}SCSS
$shoreland: #ead9cb;
$shoreland-rgb: 234, 217, 203;
$shoreland-light: mix(#fff, $shoreland, 20%);
$shoreland-dark: mix(#000, $shoreland, 20%);
.element {
color: $shoreland;
box-shadow: 0 0 0 2px rgba($shoreland, 0.35);
}