Color con nombre · #CEA02F
Lemon Bar
Lemon Bar es #CEA02F: rgb(206 160 47), hsl(43 63% 50%), oklch(0.73 0.135 85.1). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Yellow mean? → · Lemon Bar color name →
#CEA02F
oklch(0.73 0.135 85.1)
Conversiones de color
- HEX
- #cea02f
- RGB
- rgb(206 160 47)
- HSL
- hsl(43 63% 50%)
- HWB
- hwb(43 18% 19%)
- OKLCH
- oklch(0.73 0.135 85.1)
- OKLab
- oklab(0.73 0.011 0.134)
- CIE Lab
- lab(68.83 9.91 61.4)
- LCH
- lch(68.83 62.19 80.8)
- CMYK
- cmyk(0% 22% 77% 19%)
Tintes · Sombras · Tonos
Tintes
- D3AA4C
- D8B364
- DDBD79
- E2C68D
- E7D0A0
- ECD9B3
- F1E3C6
- F5ECD9
- FAF6EC
Sombras
- B38B27
- 987620
- 7F6119
- 664E12
- 4E3B0C
- 382906
- 231903
- 0F0901
- 020100
Tonos
- C69D3E
- BE9A4A
- B69754
- AE945C
- A79163
- 9F8E6A
- 978A70
- 8F8776
- 88847B
Armonías de color
Complementario +180°
- CEA02F
Lemon Bar
- 7EA5FC
≈ Fennel Flower
Análogo -30° +30°
- CEA02F
Lemon Bar
- E78F4D
≈ Acapulco Sun
- A5B143
≈ Elysian Green
Triádico +120° +240°
- CEA02F
Lemon Bar
- 00BDCD
≈ Panorama Blue
- D289D6
≈ Blush Essence
Complementario dividido +150° +210°
- CEA02F
Lemon Bar
- 3DB4F0
≈ Lynx Screen Blue
- AE95F3
≈ Dreamy Candy Forest
Tetrádico +90° +180° +270°
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 2.41:1 · APCA Lc 47
Ag
AAASobre negro
WCAG 8.69:1 · APCA Lc 55
Mejor color de texto: #000000
WCAG 8.69:1 (AAA) · APCA Lc 55
Contrast pairs
Fragmentos de código
CSS
:root {
--lemon-bar: #cea02f;
--lemon-bar-rgb: 206 160 47;
--lemon-bar-oklch: oklch(0.73 0.135 85.1);
}
.element {
color: var(--lemon-bar);
background-color: hsl(43 63% 50%);
border-color: oklch(0.73 0.135 85.1);
}Tailwind CSS v4
@theme {
--color-lemon-bar: #cea02f;
--color-lemon-bar-50: #fff4ca;
--color-lemon-bar-100: #fbe6b5;
--color-lemon-bar-200: #edd191;
--color-lemon-bar-300: #d5b362;
--color-lemon-bar-400: #c3972e;
--color-lemon-bar-500: #ae7d00;
--color-lemon-bar-600: #936a00;
--color-lemon-bar-700: #765500;
--color-lemon-bar-800: #593d00;
--color-lemon-bar-900: #3e2a00;
--color-lemon-bar-950: #271700;
}SCSS
$lemon-bar: #cea02f;
$lemon-bar-rgb: 206, 160, 47;
$lemon-bar-light: mix(#fff, $lemon-bar, 20%);
$lemon-bar-dark: mix(#000, $lemon-bar, 20%);
.element {
color: $lemon-bar;
box-shadow: 0 0 0 2px rgba($lemon-bar, 0.35);
}