Cor nomeada · #EFB435
Baklava
Baklava é #EFB435: rgb(239 180 53), hsl(41 85% 57%), oklch(0.804 0.15 81.9). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Baklava color name →
#EFB435
oklch(0.804 0.15 81.9)
Conversões de cor
- HEX
- #efb435
- RGB
- rgb(239 180 53)
- HSL
- hsl(41 85% 57%)
- HWB
- hwb(41 21% 6%)
- OKLCH
- oklch(0.804 0.15 81.9)
- OKLab
- oklab(0.804 0.021 0.149)
- CIE Lab
- lab(77.36 14.04 68.43)
- LCH
- lch(77.36 69.85 78.4)
- CMYK
- cmyk(0% 25% 78% 6%)
Tons claros · Sombras · Tons
Tons claros
- F1BC53
- F3C46B
- F5CB80
- F6D393
- F8DBA6
- F9E2B8
- FBE9CA
- FCF1DC
- FEF8EE
Sombras
- D09C2D
- B18525
- 946E1D
- 785815
- 5C440E
- 423008
- 2A1D03
- 140C01
- 030200
Tons
- E4AF45
- D8AA50
- CDA55A
- C2A062
- B79B68
- AC966E
- A19074
- 968B78
- 8B867C
Harmonias de cor
Complementar +180°
- EFB435
Baklava
- 9CC0FF
≈ Pastel Blue
Análoga -30° +30°
- EFB435
Baklava
- FFA770
≈ Salmon Buff
- C2C846
≈ Tansy
Tríade +120° +240°
- EFB435
Baklava
- 00D8E4
≈ Aztec Turquoise
- EC9DF8
≈ VIC 20 Pink
Complementar dividida +150° +210°
- EFB435
Baklava
- 63CCFF
≈ Skyan
- C0B3FF
≈ Greyish Lavender
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.86:1 · APCA Lc 35
Ag
AAASobre preto
WCAG 11.25:1 · APCA Lc 67
Melhor cor de texto: #000000
WCAG 11.25:1 (AAA) · APCA Lc 67
Contrast pairs
Trechos de código
CSS
:root {
--baklava: #efb435;
--baklava-rgb: 239 180 53;
--baklava-oklch: oklch(0.804 0.15 81.9);
}
.element {
color: var(--baklava);
background-color: hsl(41 85% 57%);
border-color: oklch(0.804 0.15 81.9);
}Tailwind CSS v4
@theme {
--color-baklava: #efb435;
--color-baklava-50: #fff2c5;
--color-baklava-100: #ffe4af;
--color-baklava-200: #f3cf88;
--color-baklava-300: #dcb055;
--color-baklava-400: #ca9409;
--color-baklava-500: #b77800;
--color-baklava-600: #9a6600;
--color-baklava-700: #7c5200;
--color-baklava-800: #5d3a00;
--color-baklava-900: #412800;
--color-baklava-950: #2a1600;
}SCSS
$baklava: #efb435;
$baklava-rgb: 239, 180, 53;
$baklava-light: mix(#fff, $baklava, 20%);
$baklava-dark: mix(#000, $baklava, 20%);
.element {
color: $baklava;
box-shadow: 0 0 0 2px rgba($baklava, 0.35);
}