Couleur nommée · #EBBF5C
I’m a Local
I’m a Local correspond à #EBBF5C : rgb(235 191 92), hsl(42 78% 64%), oklch(0.825 0.127 85.3). Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
What does Yellow mean? → · I’m a Local color name →
#EBBF5C
oklch(0.825 0.127 85.3)
Conversions de couleur
- HEX
- #ebbf5c
- RGB
- rgb(235 191 92)
- HSL
- hsl(42 78% 64%)
- HWB
- hwb(42 36% 8%)
- OKLCH
- oklch(0.825 0.127 85.3)
- OKLab
- oklab(0.825 0.01 0.127)
- CIE Lab
- lab(79.89 8.33 54.98)
- LCH
- lch(79.89 55.61 81.4)
- CMYK
- cmyk(0% 19% 61% 8%)
Teintes · Ombres · Tons
Teintes
- EDC66F
- EFCC81
- F1D392
- F3D9A2
- F5E0B2
- F7E6C2
- F9ECD1
- FBF3E1
- FDF9F0
Ombres
- CCA64F
- AE8D42
- 917536
- 755E2A
- 5B481F
- 413314
- 291F0A
- 130D03
- 030200
Tons
- E0B962
- D5B368
- CAAC6D
- BFA671
- B4A074
- AA9978
- 9F937A
- 958D7C
- 8A867E
Harmonies de couleurs
Complémentaire +180°
- EBBF5C
I’m a Local
- AAC5FF
≈ Night Snow
Analogue -30° +30°
- EBBF5C
I’m a Local
- FFB27C
≈ Isn’t It Just Peachy
- C2CF6A
≈ Sonic Lime
Triadique +120° +240°
- EBBF5C
I’m a Local
- 40DDED
≈ Blue Dacnis
- F0A8F3
≈ Pinky Swear
Complémentaire divisée +150° +210°
- EBBF5C
I’m a Local
- 80D0FF
≈ Drift on the Sea
- CAB9FF
≈ Lavender Tonic
Tétradique +90° +180° +270°
- EBBF5C
I’m a Local
- 58E0C1
≈ Ocean in a Bowl
- AAC5FF
≈ Night Snow
- FFA7C9
≈ Bazooka Pink
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.72:1 · APCA Lc 31
Ag
AAASur noir
WCAG 12.13:1 · APCA Lc 72
Meilleure couleur de texte: #000000
WCAG 12.13:1 (AAA) · APCA Lc 72
Contrast pairs
Extraits de code
CSS
:root {
--i-m-a-local: #ebbf5c;
--i-m-a-local-rgb: 235 191 92;
--i-m-a-local-oklch: oklch(0.825 0.127 85.3);
}
.element {
color: var(--i-m-a-local);
background-color: hsl(42 78% 64%);
border-color: oklch(0.825 0.127 85.3);
}Tailwind CSS v4
@theme {
--color-i-m-a-local: #ebbf5c;
--color-i-m-a-local-50: #fff4cc;
--color-i-m-a-local-100: #fae6b8;
--color-i-m-a-local-200: #ebd295;
--color-i-m-a-local-300: #d3b468;
--color-i-m-a-local-400: #c09839;
--color-i-m-a-local-500: #ac7e00;
--color-i-m-a-local-600: #916b00;
--color-i-m-a-local-700: #755500;
--color-i-m-a-local-800: #573d00;
--color-i-m-a-local-900: #3d2a00;
--color-i-m-a-local-950: #261700;
}SCSS
$i-m-a-local: #ebbf5c;
$i-m-a-local-rgb: 235, 191, 92;
$i-m-a-local-light: mix(#fff, $i-m-a-local, 20%);
$i-m-a-local-dark: mix(#000, $i-m-a-local, 20%);
.element {
color: $i-m-a-local;
box-shadow: 0 0 0 2px rgba($i-m-a-local, 0.35);
}