Benannte Farbe · #D0C117
Bird Flower
Bird Flower ist #D0C117: rgb(208 193 23), hsl(55 80% 45%), oklch(0.799 0.164 103.7). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Yellow mean? → · Bird Flower color name →
#D0C117
oklch(0.799 0.164 103.7)
Farbumrechnungen
- HEX
- #d0c117
- RGB
- rgb(208 193 23)
- HSL
- hsl(55 80% 45%)
- HWB
- hwb(55 9% 18%)
- OKLCH
- oklch(0.799 0.164 103.7)
- OKLab
- oklab(0.799 -0.039 0.16)
- CIE Lab
- lab(77.47 -6.17 74.69)
- LCH
- lch(77.47 74.94 94.7)
- CMYK
- cmyk(0% 7% 89% 18%)
Tints · Shades · Tones
Tints
- D4C845
- D9CE60
- DDD478
- E2DB8D
- E7E1A1
- EBE7B5
- F0EDC8
- F5F3DA
- FAF9ED
Shades
- B5A712
- 9A8F0E
- 80770A
- 675F06
- 4F4904
- 393402
- 232001
- 100E00
- 020200
Tones
- C8BB34
- BFB445
- B7AE51
- AFA75B
- A7A163
- 9F9A6B
- 979471
- 8F8D77
- 87877C
Farbharmonien
Komplementär +180°
- D0C117
Bird Flower
- B4B4FF
≈ Greyish Lavender
Analog -30° +30°
- D0C117
Bird Flower
- FBAA1B
≈ Beer
- 91D45F
≈ Green Lacewing
Triadisch +120° +240°
- D0C117
Bird Flower
- 31D0FF
≈ Thor’s Thunder
- FF94D5
≈ Pink Condition
Geteilt komplementär +150° +210°
- D0C117
Bird Flower
- 8EC1FF
≈ Scenic Water
- DFA0FF
≈ Medium Lavender Magenta
Tetradisch +90° +180° +270°
- D0C117
Bird Flower
- 00D8D6
≈ Fish Boy
- B4B4FF
≈ Greyish Lavender
- FF9DA7
≈ Salmon Tartare
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.85:1 · APCA Lc 35
Ag
AAAAuf Schwarz
WCAG 11.32:1 · APCA Lc 68
Beste Textfarbe: #000000
WCAG 11.32:1 (AAA) · APCA Lc 68
Contrast pairs
Code-Snippets
CSS
:root {
--bird-flower: #d0c117;
--bird-flower-rgb: 208 193 23;
--bird-flower-oklch: oklch(0.799 0.164 103.7);
}
.element {
color: var(--bird-flower);
background-color: hsl(55 80% 45%);
border-color: oklch(0.799 0.164 103.7);
}Tailwind CSS v4
@theme {
--color-bird-flower: #d0c117;
--color-bird-flower-50: #fbf9c2;
--color-bird-flower-100: #efecac;
--color-bird-flower-200: #ded984;
--color-bird-flower-300: #c3bc4e;
--color-bird-flower-400: #b0a200;
--color-bird-flower-500: #9a8800;
--color-bird-flower-600: #827300;
--color-bird-flower-700: #685c00;
--color-bird-flower-800: #4f4300;
--color-bird-flower-900: #372e00;
--color-bird-flower-950: #221b00;
}SCSS
$bird-flower: #d0c117;
$bird-flower-rgb: 208, 193, 23;
$bird-flower-light: mix(#fff, $bird-flower, 20%);
$bird-flower-dark: mix(#000, $bird-flower, 20%);
.element {
color: $bird-flower;
box-shadow: 0 0 0 2px rgba($bird-flower, 0.35);
}