Benannte Farbe · #F7CF26
Dream of Spring
Dream of Spring ist #F7CF26: rgb(247 207 38), hsl(49 93% 56%), oklch(0.864 0.17 94). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Yellow mean? → · Dream of Spring color name →
#F7CF26
oklch(0.864 0.17 94)
Farbumrechnungen
- HEX
- #f7cf26
- RGB
- rgb(247 207 38)
- HSL
- hsl(49 93% 56%)
- HWB
- hwb(49 15% 3%)
- OKLCH
- oklch(0.864 0.17 94)
- OKLab
- oklab(0.864 -0.012 0.169)
- CIE Lab
- lab(84.76 3.78 79.11)
- LCH
- lch(84.76 79.2 87.3)
- CMYK
- cmyk(0% 16% 85% 3%)
Tints · Shades · Tones
Tints
- F8D44E
- F9D969
- F9DF80
- FAE394
- FBE8A7
- FCEDBA
- FDF2CC
- FDF6DD
- FEFBEE
Shades
- D7B420
- B79919
- 997F13
- 7C670D
- 604F08
- 453804
- 2C2302
- 151001
- 030200
Tones
- EAC73E
- DEBF4D
- D2B758
- C6B061
- BAA869
- AEA06F
- A29874
- 979079
- 8B887D
Farbharmonien
Komplementär +180°
- F7CF26
Dream of Spring
- C4D0FF
≈ Lavender Blue
Analog -30° +30°
- F7CF26
Dream of Spring
- FFC590
≈ Dainty Apricot
- BBE45B
≈ Queen of Gardens
Triadisch +120° +240°
- F7CF26
Dream of Spring
- 6FE5FF
≈ Robin’s Egg
- FFB7F0
≈ Hermosa Pink
Geteilt komplementär +150° +210°
- F7CF26
Dream of Spring
- AAD8FF
≈ Malmö FF
- DEC5FF
≈ Neon Boneyard
Tetradisch +90° +180° +270°
- F7CF26
Dream of Spring
- 00F2DE
≈ Frozen Boubble
- C4D0FF
≈ Lavender Blue
- FFBECC
≈ Love Affair
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.50:1 · APCA Lc 24
Ag
AAAAuf Schwarz
WCAG 13.90:1 · APCA Lc 80
Beste Textfarbe: #000000
WCAG 13.90:1 (AAA) · APCA Lc 80
Contrast pairs
Code-Snippets
CSS
:root {
--dream-of-spring: #f7cf26;
--dream-of-spring-rgb: 247 207 38;
--dream-of-spring-oklch: oklch(0.864 0.17 94);
}
.element {
color: var(--dream-of-spring);
background-color: hsl(49 93% 56%);
border-color: oklch(0.864 0.17 94);
}Tailwind CSS v4
@theme {
--color-dream-of-spring: #f7cf26;
--color-dream-of-spring-50: #fff6be;
--color-dream-of-spring-100: #f8e8a7;
--color-dream-of-spring-200: #ead47d;
--color-dream-of-spring-300: #d1b642;
--color-dream-of-spring-400: #c09b00;
--color-dream-of-spring-500: #ab8000;
--color-dream-of-spring-600: #916c00;
--color-dream-of-spring-700: #745700;
--color-dream-of-spring-800: #573e00;
--color-dream-of-spring-900: #3d2b00;
--color-dream-of-spring-950: #271800;
}SCSS
$dream-of-spring: #f7cf26;
$dream-of-spring-rgb: 247, 207, 38;
$dream-of-spring-light: mix(#fff, $dream-of-spring, 20%);
$dream-of-spring-dark: mix(#000, $dream-of-spring, 20%);
.element {
color: $dream-of-spring;
box-shadow: 0 0 0 2px rgba($dream-of-spring, 0.35);
}