Benannte Farbe · #D7A14F
Angel Food Cake
Angel Food Cake ist #D7A14F: rgb(215 161 79), hsl(36 63% 58%), oklch(0.744 0.118 75.5). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Angel Food Cake color name →
#D7A14F
oklch(0.744 0.118 75.5)
Farbumrechnungen
- HEX
- #d7a14f
- RGB
- rgb(215 161 79)
- HSL
- hsl(36 63% 58%)
- HWB
- hwb(36 31% 16%)
- OKLCH
- oklch(0.744 0.118 75.5)
- OKLab
- oklab(0.744 0.029 0.114)
- CIE Lab
- lab(70.28 14.44 49.81)
- LCH
- lch(70.28 51.86 73.8)
- CMYK
- cmyk(0% 25% 63% 16%)
Tints · Shades · Tones
Tints
- DBAB63
- E0B476
- E4BD88
- E8C799
- ECD0AA
- F0DABB
- F4E3CC
- F8ECDD
- FBF6EE
Shades
- BB8B44
- 9F7638
- 85622E
- 6B4E23
- 523C19
- 3B2A10
- 251907
- 110902
- 020100
Tones
- CE9E57
- C59B5D
- BD9863
- B49468
- AB916D
- A38E72
- 9A8B76
- 918779
- 89847D
Farbharmonien
Komplementär +180°
- D7A14F
Angel Food Cake
- 79AFF5
≈ French Sky Blue
Analog -30° +30°
- D7A14F
Angel Food Cake
- E9936B
≈ La Terra
- B7B051
≈ Dill Green
Triadisch +120° +240°
- D7A14F
Angel Food Cake
- 2EC3C4
≈ Cala Benirrás Blue
- C995DF
≈ Somewhere in a Fairytale
Geteilt komplementär +150° +210°
- D7A14F
Angel Food Cake
- 47BBE4
≈ Lake Thun
- A5A1F3
≈ Cold Lips
Tetradisch +90° +180° +270°
- D7A14F
Angel Food Cake
- 57C49A
≈ Macau
- 79AFF5
≈ French Sky Blue
- E18DBC
≈ Tempting Pink
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.30:1 · APCA Lc 45
Ag
AAAAuf Schwarz
WCAG 9.10:1 · APCA Lc 57
Beste Textfarbe: #000000
WCAG 9.10:1 (AAA) · APCA Lc 57
Contrast pairs
Code-Snippets
CSS
:root {
--angel-food-cake: #d7a14f;
--angel-food-cake-rgb: 215 161 79;
--angel-food-cake-oklch: oklch(0.744 0.118 75.5);
}
.element {
color: var(--angel-food-cake);
background-color: hsl(36 63% 58%);
border-color: oklch(0.744 0.118 75.5);
}Tailwind CSS v4
@theme {
--color-angel-food-cake: #d7a14f;
--color-angel-food-cake-50: #fff2d0;
--color-angel-food-cake-100: #fee4bc;
--color-angel-food-cake-200: #f1cf9b;
--color-angel-food-cake-300: #d9b070;
--color-angel-food-cake-400: #c79447;
--color-angel-food-cake-500: #b27903;
--color-angel-food-cake-600: #97670c;
--color-angel-food-cake-700: #79520b;
--color-angel-food-cake-800: #5a3b07;
--color-angel-food-cake-900: #3f2905;
--color-angel-food-cake-950: #281600;
}SCSS
$angel-food-cake: #d7a14f;
$angel-food-cake-rgb: 215, 161, 79;
$angel-food-cake-light: mix(#fff, $angel-food-cake, 20%);
$angel-food-cake-dark: mix(#000, $angel-food-cake, 20%);
.element {
color: $angel-food-cake;
box-shadow: 0 0 0 2px rgba($angel-food-cake, 0.35);
}