Nazwany kolor · #EDE2AC
Chapel Wall
Chapel Wall to #EDE2AC: rgb(237 226 172), hsl(50 64% 80%), oklch(0.909 0.071 97.9). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Yellow mean? → · Chapel Wall color name →
#EDE2AC
oklch(0.909 0.071 97.9)
Konwersje koloru
- HEX
- #ede2ac
- RGB
- rgb(237 226 172)
- HSL
- hsl(50 64% 80%)
- HWB
- hwb(50 67% 7%)
- OKLCH
- oklch(0.909 0.071 97.9)
- OKLab
- oklab(0.909 -0.01 0.07)
- CIE Lab
- lab(89.8 -2.15 27.93)
- LCH
- lch(89.8 28.01 94.4)
- CMYK
- cmyk(0% 5% 27% 7%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- EFE5B5
- F1E8BD
- F2EBC5
- F4EECE
- F6F1D6
- F8F4DE
- FAF6E6
- FBF9EF
- FDFCF7
Odcienie ciemniejsze
- CEC495
- B0A87F
- 938C69
- 777154
- 5C5740
- 423E2D
- 2A271B
- 14120B
- 030301
Tony
- E2D8A8
- D6CEA4
- CBC49F
- C0BA9B
- B5B097
- AAA692
- 9F9C8E
- 959389
- 8A8985
Harmonie kolorów
Komplementarna +180°
- EDE2AC
Chapel Wall
- D9DFFF
≈ Contrail
Analogowa -30° +30°
- EDE2AC
Chapel Wall
- FFD9B2
≈ Acini di Pepe
- D3EAB8
≈ Frozen Forest
Triada +120° +240°
- EDE2AC
Chapel Wall
- AEEDFF
≈ Beyond the Clouds
- FFD1F0
≈ Shampoo
Komplementarna rozszczepiona +150° +210°
- EDE2AC
Chapel Wall
- C9E4FF
≈ Fresh Water
- EBD7FF
≈ Lavender Savour
Tetrada +90° +180° +270°
- EDE2AC
Chapel Wall
- AAF1E9
≈ Pale King’s Blue
- D9DFFF
≈ Contrail
- FFD4DB
≈ No Need to Blush
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.30:1 · APCA Lc 15
Ag
AAANa czerni
WCAG 16.07:1 · APCA Lc 89
Najlepszy kolor tekstu: #000000
WCAG 16.07:1 (AAA) · APCA Lc 89
Contrast pairs
Fragmenty kodu
CSS
:root {
--chapel-wall: #ede2ac;
--chapel-wall-rgb: 237 226 172;
--chapel-wall-oklch: oklch(0.909 0.071 97.9);
}
.element {
color: var(--chapel-wall);
background-color: hsl(50 64% 80%);
border-color: oklch(0.909 0.071 97.9);
}Tailwind CSS v4
@theme {
--color-chapel-wall: #ede2ac;
--color-chapel-wall-50: #faf6df;
--color-chapel-wall-100: #ede9ce;
--color-chapel-wall-200: #dbd6b3;
--color-chapel-wall-300: #bfb98f;
--color-chapel-wall-400: #a99f6e;
--color-chapel-wall-500: #93874e;
--color-chapel-wall-600: #7c7243;
--color-chapel-wall-700: #635b35;
--color-chapel-wall-800: #4a4225;
--color-chapel-wall-900: #332e19;
--color-chapel-wall-950: #1f1b09;
}SCSS
$chapel-wall: #ede2ac;
$chapel-wall-rgb: 237, 226, 172;
$chapel-wall-light: mix(#fff, $chapel-wall, 20%);
$chapel-wall-dark: mix(#000, $chapel-wall, 20%);
.element {
color: $chapel-wall;
box-shadow: 0 0 0 2px rgba($chapel-wall, 0.35);
}