En yakın adlandırılmış renk · #EDE7CA
#EDE7CA
En yakın adlandırılmış renk: Mayonnaise
#EDE7CA (rgb(237 231 202), hsl(50 49% 86%), oklch(0.925 0.039 97.5)) en çok Mayonnaise 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.
#EDE7CA
oklch(0.925 0.039 97.5)
Renk dönüşümleri
- HEX
- #ede7ca
- RGB
- rgb(237 231 202)
- HSL
- hsl(50 49% 86%)
- HWB
- hwb(50 79% 7%)
- OKLCH
- oklch(0.925 0.039 97.5)
- OKLab
- oklab(0.925 -0.005 0.038)
- CIE Lab
- lab(91.55 -1.42 14.95)
- LCH
- lch(91.55 15.01 95.4)
- CMYK
- cmyk(0% 3% 15% 7%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- EFE9CF
- F1ECD5
- F2EEDA
- F4F1DF
- F6F3E5
- F8F5EA
- FAF8EF
- FBFAF4
- FDFDFA
Koyu tonlar
- CEC9AF
- B0AB95
- 938F7C
- 777364
- 5C594D
- 424037
- 2A2822
- 14130F
- 030302
Gri tonlar
- E2DCC2
- D6D2BB
- CBC7B3
- C0BDAC
- B5B2A4
- AAA89D
- 9F9E96
- 95948E
- 8A8A87
Renk uyumları
Tamamlayıcı +180°
- EDE7CA
Mayonnaise
- E0E5FF
≈ Lavender Mist
Analog -30° +30°
- EDE7CA
Mayonnaise
- F8E2CB
≈ Acropolis
- DFECD0
≈ Misted Fern
Üçlü +120° +240°
- EDE7CA
Mayonnaise
- CAEDF7
≈ Frosty Day
- F8DDF0
≈ Transparent Pink
Bölünmüş tamamlayıcı +150° +210°
- EDE7CA
Mayonnaise
- D3E9FF
≈ Veiling Waterfalls
- EDE0FB
≈ Lavender Savour
Dörtlü +90° +180° +270°
- EDE7CA
Mayonnaise
- CAEFEB
≈ Icy Blue
- E0E5FF
≈ Lavender Mist
- FFDCE1
≈ Sweet Mallow
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 {
--mayonnaise: #ede7ca;
--mayonnaise-rgb: 237 231 202;
--mayonnaise-oklch: oklch(0.925 0.039 97.5);
}
.element {
color: var(--mayonnaise);
background-color: hsl(50 49% 86%);
border-color: oklch(0.925 0.039 97.5);
}Tailwind CSS v4
@theme {
--color-mayonnaise: #ede7ca;
--color-mayonnaise-50: #f8f6e9;
--color-mayonnaise-100: #ebe8da;
--color-mayonnaise-200: #d8d5c2;
--color-mayonnaise-300: #bcb8a2;
--color-mayonnaise-400: #a49f85;
--color-mayonnaise-500: #8d8769;
--color-mayonnaise-600: #777259;
--color-mayonnaise-700: #5f5b47;
--color-mayonnaise-800: #464233;
--color-mayonnaise-900: #312e23;
--color-mayonnaise-950: #1d1b12;
}SCSS
$mayonnaise: #ede7ca;
$mayonnaise-rgb: 237, 231, 202;
$mayonnaise-light: mix(#fff, $mayonnaise, 20%);
$mayonnaise-dark: mix(#000, $mayonnaise, 20%);
.element {
color: $mayonnaise;
box-shadow: 0 0 0 2px rgba($mayonnaise, 0.35);
}