Benannte Farbe · #DCC61F
Paella
Paella ist #DCC61F: rgb(220 198 31), hsl(53 75% 49%), oklch(0.82 0.165 100.9). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Yellow mean? → · Paella color name →
#DCC61F
oklch(0.82 0.165 100.9)
Farbumrechnungen
- HEX
- #dcc61f
- RGB
- rgb(220 198 31)
- HSL
- hsl(53 75% 49%)
- HWB
- hwb(53 12% 14%)
- OKLCH
- oklch(0.82 0.165 100.9)
- OKLab
- oklab(0.82 -0.031 0.162)
- CIE Lab
- lab(79.89 -3.36 75.58)
- LCH
- lch(79.89 75.65 92.5)
- CMYK
- cmyk(0% 10% 86% 14%)
Tints · Shades · Tones
Tints
- DFCC49
- E3D264
- E6D87B
- E9DE90
- EDE4A4
- F0E9B7
- F4EFC9
- F8F4DB
- FBFAED
Shades
- BFAC19
- A39214
- 887A0F
- 6E620A
- 544B06
- 3C3503
- 262101
- 110E00
- 020200
Tones
- D2BF39
- C9B848
- BFB154
- B6AA5E
- ADA366
- A39C6C
- 9A9572
- 918E77
- 89877C
Farbharmonien
Komplementär +180°
- DCC61F
Paella
- B9BEFF
≈ Dried Lilac
Analog -30° +30°
- DCC61F
Paella
- FFB24C
≈ Splendour Gold
- 9ED95F
≈ Last of Lettuce
Triadisch +120° +240°
- DCC61F
Paella
- 4AD7FF
≈ Libra Blue Morpho
- FFA0DE
≈ Rose Daphne
Geteilt komplementär +150° +210°
- DCC61F
Paella
- 97C9FF
≈ Apocyan
- DEADFF
≈ Testosterose
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.72:1 · APCA Lc 31
Ag
AAAAuf Schwarz
WCAG 12.14:1 · APCA Lc 72
Beste Textfarbe: #000000
WCAG 12.14:1 (AAA) · APCA Lc 72
Contrast pairs
Code-Snippets
CSS
:root {
--paella: #dcc61f;
--paella-rgb: 220 198 31;
--paella-oklch: oklch(0.82 0.165 100.9);
}
.element {
color: var(--paella);
background-color: hsl(53 75% 49%);
border-color: oklch(0.82 0.165 100.9);
}Tailwind CSS v4
@theme {
--color-paella: #dcc61f;
--color-paella-50: #fdf8c1;
--color-paella-100: #f2ebab;
--color-paella-200: #e1d882;
--color-paella-300: #c7bb4b;
--color-paella-400: #b4a000;
--color-paella-500: #9f8600;
--color-paella-600: #877100;
--color-paella-700: #6c5b00;
--color-paella-800: #514100;
--color-paella-900: #392d00;
--color-paella-950: #231a00;
}SCSS
$paella: #dcc61f;
$paella-rgb: 220, 198, 31;
$paella-light: mix(#fff, $paella, 20%);
$paella-dark: mix(#000, $paella, 20%);
.element {
color: $paella;
box-shadow: 0 0 0 2px rgba($paella, 0.35);
}