이름 색상 · #FFB61E
Tōō Gold
Tōō Gold은(는) #FFB61E: rgb(255 182 30), hsl(41 100% 56%), oklch(0.824 0.166 78.4). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Tōō Gold color name →
#FFB61E
oklch(0.824 0.166 78.4)
색상 변환
- HEX
- #ffb61e
- RGB
- rgb(255 182 30)
- HSL
- hsl(41 100% 56%)
- HWB
- hwb(41 12% 0%)
- OKLCH
- oklch(0.824 0.166 78.4)
- OKLab
- oklab(0.824 0.033 0.163)
- CIE Lab
- lab(79.54 19.31 77.42)
- LCH
- lch(79.54 79.8 76)
- CMYK
- cmyk(0% 29% 88% 0%)
틴트 · 셰이드 · 톤
틴트
- FFBE48
- FFC664
- FFCD7B
- FFD590
- FFDCA3
- FFE3B6
- FFEAC9
- FFF1DB
- FFF8ED
셰이드
- DE9E19
- BE8613
- 9E6F0E
- 805909
- 634405
- 483003
- 2E1D01
- 160C00
- 030200
톤
- F2B138
- E5AC48
- D8A754
- CBA15D
- BF9C65
- B2976C
- A59172
- 998C77
- 8C867C
색 조화
보색 +180°
- FFB61E
Tōō Gold
- A2C7FF
≈ Apocyan
유사색 -30° +30°
- FFB61E
Tōō Gold
- FFB087
≈ Spice Pink
- D0CD2F
≈ Lizard Belly
삼각 배색 +120° +240°
- FFB61E
Tōō Gold
- 00E0E7
≈ Fish Boy
- EBA8FF
≈ Pink Sugar
분열 보색 +150° +210°
- FFB61E
Tōō Gold
- 6FD4FF
≈ Heisenberg Blue
- C2BCFF
≈ Dried Lilac
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.75:1 · APCA Lc 32
Ag
AAA검은색 위
WCAG 11.96:1 · APCA Lc 71
가장 좋은 글자색: #000000
WCAG 11.96:1 (AAA) · APCA Lc 71
Contrast pairs
코드 스니펫
CSS
:root {
--too-gold: #ffb61e;
--too-gold-rgb: 255 182 30;
--too-gold-oklch: oklch(0.824 0.166 78.4);
}
.element {
color: var(--too-gold);
background-color: hsl(41 100% 56%);
border-color: oklch(0.824 0.166 78.4);
}Tailwind CSS v4
@theme {
--color-too-gold: #ffb61e;
--color-too-gold-50: #fff1c0;
--color-too-gold-100: #ffe3a9;
--color-too-gold-200: #f9cd80;
--color-too-gold-300: #e3ad47;
--color-too-gold-400: #d39000;
--color-too-gold-500: #c07300;
--color-too-gold-600: #a26200;
--color-too-gold-700: #824e00;
--color-too-gold-800: #623800;
--color-too-gold-900: #452600;
--color-too-gold-950: #2c1400;
}SCSS
$too-gold: #ffb61e;
$too-gold-rgb: 255, 182, 30;
$too-gold-light: mix(#fff, $too-gold, 20%);
$too-gold-dark: mix(#000, $too-gold, 20%);
.element {
color: $too-gold;
box-shadow: 0 0 0 2px rgba($too-gold, 0.35);
}