Benannte Farbe · #E3BC6F
Cloudy Honey
Cloudy Honey ist #E3BC6F: rgb(227 188 111), hsl(40 67% 66%), oklch(0.813 0.106 83.2). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Cloudy Honey color name →
#E3BC6F
oklch(0.813 0.106 83.2)
Farbumrechnungen
- HEX
- #e3bc6f
- RGB
- rgb(227 188 111)
- HSL
- hsl(40 67% 66%)
- HWB
- hwb(40 44% 11%)
- OKLCH
- oklch(0.813 0.106 83.2)
- OKLab
- oklab(0.813 0.012 0.105)
- CIE Lab
- lab(78.52 7.58 44.15)
- LCH
- lch(78.52 44.79 80.3)
- CMYK
- cmyk(0% 17% 51% 11%)
Tints · Shades · Tones
Tints
- E6C37F
- E9CA8E
- ECD09C
- EFD7AB
- F1DEB9
- F4E4C7
- F7EBD5
- FAF2E3
- FCF8F1
Shades
- C5A360
- A88B51
- 8C7342
- 715D34
- 574727
- 3F321A
- 271F0E
- 120D04
- 030201
Tones
- D9B672
- CFB075
- C4AA77
- BAA479
- B19E7B
- A7987D
- 9D927E
- 938C7F
- 8A867F
Farbharmonien
Komplementär +180°
- E3BC6F
Cloudy Honey
- A3C2FF
≈ Pastel Blue
Analog -30° +30°
- E3BC6F
Cloudy Honey
- F8AF80
≈ Orange Chiffon
- C2CA78
≈ Calamansi Green
Triadisch +120° +240°
- E3BC6F
Cloudy Honey
- 61D6E0
≈ Aquamarine Blue
- E4ABEA
≈ Petal Plush
Geteilt komplementär +150° +210°
- E3BC6F
Cloudy Honey
- 77CEFB
≈ Bubbly Barracuda
- C4B6FF
≈ Violet Heaven
Tetradisch +90° +180° +270°
- E3BC6F
Cloudy Honey
- 71D8BC
≈ Peppy
- A3C2FF
≈ Pastel Blue
- F8A5C8
≈ Taffy Pink
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.79:1 · APCA Lc 33
Ag
AAAAuf Schwarz
WCAG 11.68:1 · APCA Lc 69
Beste Textfarbe: #000000
WCAG 11.68:1 (AAA) · APCA Lc 69
Contrast pairs
Code-Snippets
CSS
:root {
--cloudy-honey: #e3bc6f;
--cloudy-honey-rgb: 227 188 111;
--cloudy-honey-oklch: oklch(0.813 0.106 83.2);
}
.element {
color: var(--cloudy-honey);
background-color: hsl(40 67% 66%);
border-color: oklch(0.813 0.106 83.2);
}Tailwind CSS v4
@theme {
--color-cloudy-honey: #e3bc6f;
--color-cloudy-honey-50: #fff4d4;
--color-cloudy-honey-100: #f8e6c0;
--color-cloudy-honey-200: #e9d2a1;
--color-cloudy-honey-300: #d0b478;
--color-cloudy-honey-400: #bd9951;
--color-cloudy-honey-500: #a87f21;
--color-cloudy-honey-600: #8e6b1f;
--color-cloudy-honey-700: #725619;
--color-cloudy-honey-800: #553e10;
--color-cloudy-honey-900: #3b2b0a;
--color-cloudy-honey-950: #251800;
}SCSS
$cloudy-honey: #e3bc6f;
$cloudy-honey-rgb: 227, 188, 111;
$cloudy-honey-light: mix(#fff, $cloudy-honey, 20%);
$cloudy-honey-dark: mix(#000, $cloudy-honey, 20%);
.element {
color: $cloudy-honey;
box-shadow: 0 0 0 2px rgba($cloudy-honey, 0.35);
}