이름 색상 · #EFB435
Baklava
Baklava은(는) #EFB435: rgb(239 180 53), hsl(41 85% 57%), oklch(0.804 0.15 81.9). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Baklava color name →
#EFB435
oklch(0.804 0.15 81.9)
색상 변환
- 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%)
틴트 · 셰이드 · 톤
틴트
- F1BC53
- F3C46B
- F5CB80
- F6D393
- F8DBA6
- F9E2B8
- FBE9CA
- FCF1DC
- FEF8EE
셰이드
- D09C2D
- B18525
- 946E1D
- 785815
- 5C440E
- 423008
- 2A1D03
- 140C01
- 030200
톤
- E4AF45
- D8AA50
- CDA55A
- C2A062
- B79B68
- AC966E
- A19074
- 968B78
- 8B867C
색 조화
보색 +180°
- EFB435
Baklava
- 9CC0FF
≈ Pastel Blue
유사색 -30° +30°
- EFB435
Baklava
- FFA770
≈ Salmon Buff
- C2C846
≈ Tansy
삼각 배색 +120° +240°
- EFB435
Baklava
- 00D8E4
≈ Aztec Turquoise
- EC9DF8
≈ VIC 20 Pink
분열 보색 +150° +210°
- EFB435
Baklava
- 63CCFF
≈ Skyan
- C0B3FF
≈ Greyish Lavender
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.86:1 · APCA Lc 35
Ag
AAA검은색 위
WCAG 11.25:1 · APCA Lc 67
가장 좋은 글자색: #000000
WCAG 11.25:1 (AAA) · APCA Lc 67
Contrast pairs
코드 스니펫
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);
}