Benannte Farbe · #EDD1AC
Ceramic Beige
Ceramic Beige ist #EDD1AC: rgb(237 209 172), hsl(34 64% 80%), oklch(0.875 0.058 74.6). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Ceramic Beige color name →
#EDD1AC
oklch(0.875 0.058 74.6)
Farbumrechnungen
- HEX
- #edd1ac
- RGB
- rgb(237 209 172)
- HSL
- hsl(34 64% 80%)
- HWB
- hwb(34 67% 7%)
- OKLCH
- oklch(0.875 0.058 74.6)
- OKLab
- oklab(0.875 0.015 0.056)
- CIE Lab
- lab(85.53 6.08 22.21)
- LCH
- lch(85.53 23.02 74.7)
- CMYK
- cmyk(0% 12% 27% 7%)
Tints · Shades · Tones
Tints
- EFD6B4
- F1DABD
- F3DFC5
- F4E3CD
- F6E8D6
- F8EDDE
- FAF1E6
- FCF6EE
- FDFAF7
Shades
- CEB595
- B09B7F
- 938169
- 776854
- 5C5040
- 42392D
- 2A231B
- 14100B
- 030201
Tones
- E2C9A8
- D6C0A3
- CBB89F
- C0B09B
- B5A896
- AAA092
- A0988D
- 959089
- 8A8885
Farbharmonien
Komplementär +180°
- EDD1AC
Ceramic Beige
- BCD8FC
≈ Oh Boy!
Analog -30° +30°
- EDD1AC
Ceramic Beige
- F8CBB7
≈ Biscuit Cream
- DBD9AD
≈ Kohlrabi Green
Triadisch +120° +240°
- EDD1AC
Ceramic Beige
- A9E2E1
≈ Ice Crystal Blue
- E4CBF1
≈ Mousse aux Pruneaux
Geteilt komplementär +150° +210°
- EDD1AC
Ceramic Beige
- ADDFF3
≈ Azure Sky
- D1D1FC
≈ Pale Phthalo Blue
Tetradisch +90° +180° +270°
- EDD1AC
Ceramic Beige
- B3E3CC
≈ Beach Blanket
- BCD8FC
≈ Oh Boy!
- F3C7DF
≈ Laelia Pink
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.46:1 · APCA Lc 22
Ag
AAAAuf Schwarz
WCAG 14.31:1 · APCA Lc 81
Beste Textfarbe: #000000
WCAG 14.31:1 (AAA) · APCA Lc 81
Contrast pairs
Code-Snippets
CSS
:root {
--ceramic-beige: #edd1ac;
--ceramic-beige-rgb: 237 209 172;
--ceramic-beige-oklch: oklch(0.875 0.058 74.6);
}
.element {
color: var(--ceramic-beige);
background-color: hsl(34 64% 80%);
border-color: oklch(0.875 0.058 74.6);
}Tailwind CSS v4
@theme {
--color-ceramic-beige: #edd1ac;
--color-ceramic-beige-50: #fff3e3;
--color-ceramic-beige-100: #f3e6d3;
--color-ceramic-beige-200: #e3d2b9;
--color-ceramic-beige-300: #c9b497;
--color-ceramic-beige-400: #b39a78;
--color-ceramic-beige-500: #9d815a;
--color-ceramic-beige-600: #856d4d;
--color-ceramic-beige-700: #6a573d;
--color-ceramic-beige-800: #4f3f2c;
--color-ceramic-beige-900: #372c1d;
--color-ceramic-beige-950: #22190d;
}SCSS
$ceramic-beige: #edd1ac;
$ceramic-beige-rgb: 237, 209, 172;
$ceramic-beige-light: mix(#fff, $ceramic-beige, 20%);
$ceramic-beige-dark: mix(#000, $ceramic-beige, 20%);
.element {
color: $ceramic-beige;
box-shadow: 0 0 0 2px rgba($ceramic-beige, 0.35);
}