이름 색상 · #FFBB33
Buddha’s Love Handles
Buddha’s Love Handles은(는) #FFBB33: rgb(255 187 51), hsl(40 100% 60%), oklch(0.834 0.159 79.5). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Buddha’s Love Handles color name →
#FFBB33
oklch(0.834 0.159 79.5)
색상 변환
- HEX
- #ffbb33
- RGB
- rgb(255 187 51)
- HSL
- hsl(40 100% 60%)
- HWB
- hwb(40 20% 0%)
- OKLCH
- oklch(0.834 0.159 79.5)
- OKLab
- oklab(0.834 0.029 0.157)
- CIE Lab
- lab(80.78 17.2 72.81)
- LCH
- lch(80.78 74.82 76.7)
- CMYK
- cmyk(0% 27% 80% 0%)
틴트 · 셰이드 · 톤
틴트
- FFC253
- FFCA6C
- FFD181
- FFD895
- FFDEA7
- FFE5BA
- FFECCB
- FFF2DD
- FFF9EE
셰이드
- DEA22B
- BE8A23
- 9E731C
- 805C14
- 63460D
- 483207
- 2E1F03
- 160D01
- 030200
톤
- F2B544
- E5B051
- D8AA5A
- CBA463
- BE9E69
- B2986F
- A59274
- 998C79
- 8C867D
색 조화
보색 +180°
- FFBB33
Buddha’s Love Handles
- A9CAFF
≈ Night Snow
유사색 -30° +30°
- FFBB33
Buddha’s Love Handles
- FFB58D
≈ Coral Dusk
- D0D141
≈ Southern Platyfish
삼각 배색 +120° +240°
- FFBB33
Buddha’s Love Handles
- 00E4EC
≈ Cold Heights
- EEACFF
≈ Pink Sugar
분열 보색 +150° +210°
- FFBB33
Buddha’s Love Handles
- 7CD6FF
≈ Sky
- C7C0FF
≈ Lavender Tonic
사각 배색 +90° +180° +270°
- FFBB33
Buddha’s Love Handles
- 29E9B8
≈ Aquamarine
- A9CAFF
≈ Night Snow
- FFABD3
≈ Majin Bū Pink
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.69:1 · APCA Lc 30
Ag
AAA검은색 위
WCAG 12.40:1 · APCA Lc 73
가장 좋은 글자색: #000000
WCAG 12.40:1 (AAA) · APCA Lc 73
Contrast pairs
코드 스니펫
CSS
:root {
--buddha-s-love-handles: #ffbb33;
--buddha-s-love-handles-rgb: 255 187 51;
--buddha-s-love-handles-oklch: oklch(0.834 0.159 79.5);
}
.element {
color: var(--buddha-s-love-handles);
background-color: hsl(40 100% 60%);
border-color: oklch(0.834 0.159 79.5);
}Tailwind CSS v4
@theme {
--color-buddha-s-love-handles: #ffbb33;
--color-buddha-s-love-handles-50: #fff1c2;
--color-buddha-s-love-handles-100: #ffe3ab;
--color-buddha-s-love-handles-200: #f7ce83;
--color-buddha-s-love-handles-300: #e0ae4d;
--color-buddha-s-love-handles-400: #cf9100;
--color-buddha-s-love-handles-500: #bc7500;
--color-buddha-s-love-handles-600: #9f6300;
--color-buddha-s-love-handles-700: #804f00;
--color-buddha-s-love-handles-800: #603900;
--color-buddha-s-love-handles-900: #432700;
--color-buddha-s-love-handles-950: #2b1500;
}SCSS
$buddha-s-love-handles: #ffbb33;
$buddha-s-love-handles-rgb: 255, 187, 51;
$buddha-s-love-handles-light: mix(#fff, $buddha-s-love-handles, 20%);
$buddha-s-love-handles-dark: mix(#000, $buddha-s-love-handles, 20%);
.element {
color: $buddha-s-love-handles;
box-shadow: 0 0 0 2px rgba($buddha-s-love-handles, 0.35);
}