이름 색상 · #FF9D0A
Clementine Earring
Clementine Earring은(는) #FF9D0A: rgb(255 157 10), hsl(36 100% 52%), oklch(0.779 0.172 66.2). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Clementine Earring color name →
#FF9D0A
oklch(0.779 0.172 66.2)
색상 변환
- HEX
- #ff9d0a
- RGB
- rgb(255 157 10)
- HSL
- hsl(36 100% 52%)
- HWB
- hwb(36 4% 0%)
- OKLCH
- oklch(0.779 0.172 66.2)
- OKLab
- oklab(0.779 0.069 0.157)
- CIE Lab
- lab(73.83 31.53 76.94)
- LCH
- lch(73.83 83.15 67.7)
- CMYK
- cmyk(0% 38% 96% 0%)
틴트 · 셰이드 · 톤
틴트
- FFA83F
- FFB25C
- FFBC74
- FFC689
- FFD09E
- FFDAB2
- FFE3C6
- FFECD9
- FFF6EC
셰이드
- DE8807
- BE7305
- 9E5F03
- 804C02
- 633A01
- 482801
- 2E1800
- 160900
- 030100
톤
- F29B2E
- E69940
- D9964D
- CC9358
- C09161
- B38E68
- A68A6F
- 9A8775
- 8D847B
색 조화
보색 +180°
- FF9D0A
Clementine Earring
- 73BEFF
≈ Green Darner Tail
유사색 -30° +30°
- FF9D0A
Clementine Earring
- FF977A
≈ Flash in the Pan
- D5B500
≈ Lionhead
삼각 배색 +120° +240°
- FF9D0A
Clementine Earring
- 00D3C4
≈ Turquoise Panic
- CE9EFF
≈ Hydrangea Purple
분열 보색 +150° +210°
- FF9D0A
Clementine Earring
- 00CCEF
≈ Picnic Day Sky
- A4B1FF
≈ Shy Moment
사각 배색 +90° +180° +270°
- FF9D0A
Clementine Earring
- 38D788
≈ Envy’s Love
- 73BEFF
≈ Green Darner Tail
- FA89E0
≈ Splash of Grenadine
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.08:1 · APCA Lc 40
Ag
AAA검은색 위
WCAG 10.07:1 · APCA Lc 62
가장 좋은 글자색: #000000
WCAG 10.07:1 (AAA) · APCA Lc 62
Contrast pairs
코드 스니펫
CSS
:root {
--clementine-earring: #ff9d0a;
--clementine-earring-rgb: 255 157 10;
--clementine-earring-oklch: oklch(0.779 0.172 66.2);
}
.element {
color: var(--clementine-earring);
background-color: hsl(36 100% 52%);
border-color: oklch(0.779 0.172 66.2);
}Tailwind CSS v4
@theme {
--color-clementine-earring: #ff9d0a;
--color-clementine-earring-50: #ffedc1;
--color-clementine-earring-100: #ffdeaa;
--color-clementine-earring-200: #ffc782;
--color-clementine-earring-300: #f0a54b;
--color-clementine-earring-400: #e18600;
--color-clementine-earring-500: #ce6600;
--color-clementine-earring-600: #ae5700;
--color-clementine-earring-700: #8c4600;
--color-clementine-earring-800: #693100;
--color-clementine-earring-900: #4a2100;
--color-clementine-earring-950: #301000;
}SCSS
$clementine-earring: #ff9d0a;
$clementine-earring-rgb: 255, 157, 10;
$clementine-earring-light: mix(#fff, $clementine-earring, 20%);
$clementine-earring-dark: mix(#000, $clementine-earring, 20%);
.element {
color: $clementine-earring;
box-shadow: 0 0 0 2px rgba($clementine-earring, 0.35);
}