Nazwany kolor · #EDC558
Blonde Girl
Blonde Girl to #EDC558: rgb(237 197 88), hsl(44 81% 64%), oklch(0.838 0.134 89). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Yellow mean? → · Blonde Girl color name →
#EDC558
oklch(0.838 0.134 89)
Konwersje koloru
- HEX
- #edc558
- RGB
- rgb(237 197 88)
- HSL
- hsl(44 81% 64%)
- HWB
- hwb(44 35% 7%)
- OKLCH
- oklch(0.838 0.134 89)
- OKLab
- oklab(0.838 0.002 0.134)
- CIE Lab
- lab(81.54 6.01 58.61)
- LCH
- lch(81.54 58.91 84.1)
- CMYK
- cmyk(0% 17% 63% 7%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- EFCB6D
- F1D17F
- F3D791
- F4DDA1
- F6E3B2
- F8E9C1
- FAEED1
- FCF4E0
- FDF9F0
Odcienie ciemniejsze
- CEAB4B
- B0923F
- 937933
- 776128
- 5C4B1D
- 423512
- 2A2109
- 140E03
- 030200
Tony
- E2BE5F
- D6B766
- CBB06B
- C0AA70
- B5A374
- AA9C77
- A0957A
- 958E7C
- 8A877E
Harmonie kolorów
Komplementarna +180°
- EDC558
Blonde Girl
- B4C8FF
≈ Night Snow
Analogowa -30° +30°
- EDC558
Blonde Girl
- FFB981
≈ Goose Bill
- C0D66C
≈ Glow Worm
Triada +120° +240°
- EDC558
Blonde Girl
- 38E1F9
≈ Blue Dacnis
- FAA9F5
≈ Pink Wink
Komplementarna rozszczepiona +150° +210°
- EDC558
Blonde Girl
- 91D3FF
≈ Long Island Sound
- D2BDFF
≈ Lavender Tonic
Tetrada +90° +180° +270°
- EDC558
Blonde Girl
- 4BE6CB
≈ Aphrodite Aqua
- B4C8FF
≈ Night Snow
- FFAFC8
≈ Heartfelt
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.64:1 · APCA Lc 29
Ag
AAANa czerni
WCAG 12.72:1 · APCA Lc 74
Najlepszy kolor tekstu: #000000
WCAG 12.72:1 (AAA) · APCA Lc 74
Contrast pairs
Fragmenty kodu
CSS
:root {
--blonde-girl: #edc558;
--blonde-girl-rgb: 237 197 88;
--blonde-girl-oklch: oklch(0.838 0.134 89);
}
.element {
color: var(--blonde-girl);
background-color: hsl(44 81% 64%);
border-color: oklch(0.838 0.134 89);
}Tailwind CSS v4
@theme {
--color-blonde-girl: #edc558;
--color-blonde-girl-50: #fff5ca;
--color-blonde-girl-100: #f9e7b5;
--color-blonde-girl-200: #ead391;
--color-blonde-girl-300: #d1b563;
--color-blonde-girl-400: #be9a2e;
--color-blonde-girl-500: #aa7f00;
--color-blonde-girl-600: #8f6c00;
--color-blonde-girl-700: #735600;
--color-blonde-girl-800: #563e00;
--color-blonde-girl-900: #3c2b00;
--color-blonde-girl-950: #261800;
}SCSS
$blonde-girl: #edc558;
$blonde-girl-rgb: 237, 197, 88;
$blonde-girl-light: mix(#fff, $blonde-girl, 20%);
$blonde-girl-dark: mix(#000, $blonde-girl, 20%);
.element {
color: $blonde-girl;
box-shadow: 0 0 0 2px rgba($blonde-girl, 0.35);
}