Adlandırılmış renk · #EDE4D3
Miami Weiss
Miami Weiss, #EDE4D3: rgb(237 228 211), hsl(39 42% 88%), oklch(0.921 0.025 83.4). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Miami Weiss color name →
#EDE4D3
oklch(0.921 0.025 83.4)
Renk dönüşümleri
- HEX
- #ede4d3
- RGB
- rgb(237 228 211)
- HSL
- hsl(39 42% 88%)
- HWB
- hwb(39 83% 7%)
- OKLCH
- oklch(0.921 0.025 83.4)
- OKLab
- oklab(0.921 0.003 0.025)
- CIE Lab
- lab(90.97 1.06 9.47)
- LCH
- lch(90.97 9.53 83.6)
- CMYK
- cmyk(0% 4% 11% 7%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- EFE7D7
- F1E9DC
- F2ECE0
- F4EFE5
- F6F1E9
- F8F4ED
- FAF7F2
- FBFAF6
- FDFCFB
Koyu tonlar
- CEC6B7
- B0A99C
- 938D82
- 777269
- 5C5851
- 423F3A
- 2A2824
- 141210
- 030302
Gri tonlar
- E2DACA
- D6CFC2
- CBC5B9
- C0BBB1
- B5B1A9
- AAA7A0
- 9F9D98
- 959390
- 8A8A88
Renk uyumları
Tamamlayıcı +180°
- EDE4D3
Miami Weiss
- DDE5F6
≈ Crystal Falls
Analog -30° +30°
- EDE4D3
Miami Weiss
- F3E1D6
≈ Antique Candle Light
- E5E7D5
≈ Pine Water
Üçlü +120° +240°
- EDE4D3
Miami Weiss
- D3EAEC
≈ Jet d’Eau
- EEE0EF
≈ Sheer Lavender
Bölünmüş tamamlayıcı +150° +210°
- EDE4D3
Miami Weiss
- D6E8F3
≈ Freezing Vapour
- E5E2F4
≈ Farsighted
Dörtlü +90° +180° +270°
- EDE4D3
Miami Weiss
- D5EBE3
≈ Adriatic Mist
- DDE5F6
≈ Crystal Falls
- F3DFE6
≈ Wishy-Washy Lilies
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.26:1 · APCA Lc 13
Ag
AAASiyah üzerinde
WCAG 16.63:1 · APCA Lc 91
En iyi metin rengi: #000000
WCAG 16.63:1 (AAA) · APCA Lc 91
Contrast pairs
Kod parçacıkları
CSS
:root {
--miami-weiss: #ede4d3;
--miami-weiss-rgb: 237 228 211;
--miami-weiss-oklch: oklch(0.921 0.025 83.4);
}
.element {
color: var(--miami-weiss);
background-color: hsl(39 42% 88%);
border-color: oklch(0.921 0.025 83.4);
}Tailwind CSS v4
@theme {
--color-miami-weiss: #ede4d3;
--color-miami-weiss-50: #f8f5ed;
--color-miami-weiss-100: #ece7df;
--color-miami-weiss-200: #d9d4c9;
--color-miami-weiss-300: #bdb7a9;
--color-miami-weiss-400: #a59d8e;
--color-miami-weiss-500: #8e8574;
--color-miami-weiss-600: #787162;
--color-miami-weiss-700: #605a4e;
--color-miami-weiss-800: #474239;
--color-miami-weiss-900: #312d27;
--color-miami-weiss-950: #1d1a15;
}SCSS
$miami-weiss: #ede4d3;
$miami-weiss-rgb: 237, 228, 211;
$miami-weiss-light: mix(#fff, $miami-weiss, 20%);
$miami-weiss-dark: mix(#000, $miami-weiss, 20%);
.element {
color: $miami-weiss;
box-shadow: 0 0 0 2px rgba($miami-weiss, 0.35);
}