Adlandırılmış renk · #ECBF9F
Madrid Beige
Madrid Beige, #ECBF9F: rgb(236 191 159), hsl(25 67% 77%), oklch(0.836 0.067 57.1). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Orange mean? → · Madrid Beige color name →
#ECBF9F
oklch(0.836 0.067 57.1)
Renk dönüşümleri
- HEX
- #ecbf9f
- RGB
- rgb(236 191 159)
- HSL
- hsl(25 67% 77%)
- HWB
- hwb(25 62% 7%)
- OKLCH
- oklch(0.836 0.067 57.1)
- OKLab
- oklab(0.836 0.037 0.057)
- CIE Lab
- lab(80.8 13.38 22.61)
- LCH
- lch(80.8 26.27 59.4)
- CMYK
- cmyk(0% 19% 33% 7%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- EEC5A9
- F0CCB2
- F2D2BC
- F4D9C5
- F6DFCF
- F8E5D8
- FAECE2
- FCF2EC
- FDF9F5
Koyu tonlar
- CDA68A
- AF8D75
- 927561
- 765E4D
- 5B483B
- 423329
- 291F18
- 130D09
- 030201
Gri tonlar
- E1B99C
- D6B299
- CBAC96
- C0A693
- B59F90
- AA998D
- A0938A
- 958C87
- 8A8683
Renk uyumları
Tamamlayıcı +180°
- ECBF9F
Madrid Beige
- A0D1F0
≈ Sonic Sky
Analog -30° +30°
- ECBF9F
Madrid Beige
- F2B9B2
≈ Ballerina Tears
- DCC797
≈ Pale Moss
Üçlü +120° +240°
- ECBF9F
Madrid Beige
- 9AD8C8
≈ Isabella’s Aqua
- CDC1F1
≈ Connecticut Lilac
Bölünmüş tamamlayıcı +150° +210°
- ECBF9F
Madrid Beige
- 95D6E0
≈ Quiet Pond
- B6C9F6
≈ Night Snow
Dörtlü +90° +180° +270°
- ECBF9F
Madrid Beige
- ADD6B0
≈ Frugal
- A0D1F0
≈ Sonic Sky
- E2BBE1
≈ Blackberry Yoghurt
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.67:1 · APCA Lc 30
Ag
AAASiyah üzerinde
WCAG 12.51:1 · APCA Lc 73
En iyi metin rengi: #000000
WCAG 12.51:1 (AAA) · APCA Lc 73
Contrast pairs
Kod parçacıkları
CSS
:root {
--madrid-beige: #ecbf9f;
--madrid-beige-rgb: 236 191 159;
--madrid-beige-oklch: oklch(0.836 0.067 57.1);
}
.element {
color: var(--madrid-beige);
background-color: hsl(25 67% 77%);
border-color: oklch(0.836 0.067 57.1);
}Tailwind CSS v4
@theme {
--color-madrid-beige: #ecbf9f;
--color-madrid-beige-50: #fff1e3;
--color-madrid-beige-100: #fae3d2;
--color-madrid-beige-200: #ebceb8;
--color-madrid-beige-300: #d2b096;
--color-madrid-beige-400: #be9578;
--color-madrid-beige-500: #a97b59;
--color-madrid-beige-600: #8e684c;
--color-madrid-beige-700: #72533d;
--color-madrid-beige-800: #553c2c;
--color-madrid-beige-900: #3b291d;
--color-madrid-beige-950: #25170d;
}SCSS
$madrid-beige: #ecbf9f;
$madrid-beige-rgb: 236, 191, 159;
$madrid-beige-light: mix(#fff, $madrid-beige, 20%);
$madrid-beige-dark: mix(#000, $madrid-beige, 20%);
.element {
color: $madrid-beige;
box-shadow: 0 0 0 2px rgba($madrid-beige, 0.35);
}