Warna bernama · #ECBF9F
Madrid Beige
Madrid Beige adalah #ECBF9F: rgb(236 191 159), hsl(25 67% 77%), oklch(0.836 0.067 57.1). Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
What does Orange mean? → · Madrid Beige color name →
#ECBF9F
oklch(0.836 0.067 57.1)
Konversi warna
- 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%)
Tint · Shade · Tone
Tint
- EEC5A9
- F0CCB2
- F2D2BC
- F4D9C5
- F6DFCF
- F8E5D8
- FAECE2
- FCF2EC
- FDF9F5
Shade
- CDA68A
- AF8D75
- 927561
- 765E4D
- 5B483B
- 423329
- 291F18
- 130D09
- 030201
Tone
- E1B99C
- D6B299
- CBAC96
- C0A693
- B59F90
- AA998D
- A0938A
- 958C87
- 8A8683
Harmoni warna
Komplementer +180°
- ECBF9F
Madrid Beige
- A0D1F0
≈ Sonic Sky
Analog -30° +30°
- ECBF9F
Madrid Beige
- F2B9B2
≈ Ballerina Tears
- DCC797
≈ Pale Moss
Triadik +120° +240°
- ECBF9F
Madrid Beige
- 9AD8C8
≈ Isabella’s Aqua
- CDC1F1
≈ Connecticut Lilac
Split-komplementer +150° +210°
- ECBF9F
Madrid Beige
- 95D6E0
≈ Quiet Pond
- B6C9F6
≈ Night Snow
Tetradik +90° +180° +270°
- ECBF9F
Madrid Beige
- ADD6B0
≈ Frugal
- A0D1F0
≈ Sonic Sky
- E2BBE1
≈ Blackberry Yoghurt
Kontras & aksesibilitas
Ag
FailDi atas putih
WCAG 1.67:1 · APCA Lc 30
Ag
AAADi atas hitam
WCAG 12.51:1 · APCA Lc 73
Warna teks terbaik: #000000
WCAG 12.51:1 (AAA) · APCA Lc 73
Contrast pairs
Cuplikan kode
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);
}