가장 가까운 이름 색상 · #DE8D00
#DE8D00
가장 가까운 이름 색상: Fleur de Sel Caramel
#DE8D00(rgb(222 141 0), hsl(38 100% 44%), oklch(0.71 0.154 69.5))와 가장 가까운 이름 색상은 Fleur de Sel Caramel입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#DE8D00
oklch(0.71 0.154 69.5)
색상 변환
- HEX
- #de8d00
- RGB
- rgb(222 141 0)
- HSL
- hsl(38 100% 44%)
- HWB
- hwb(38 0% 13%)
- OKLCH
- oklch(0.71 0.154 69.5)
- OKLab
- oklab(0.71 0.054 0.145)
- CIE Lab
- lab(66.02 25.82 70.98)
- LCH
- lch(66.02 75.53 70)
- CMYK
- cmyk(0% 36% 100% 13%)
틴트 · 셰이드 · 톤
틴트
- E29938
- E6A555
- EAB06D
- EDBC83
- F1C799
- F4D2AD
- F7DEC2
- FAE9D6
- FDF4EB
셰이드
- C17A00
- A56700
- 895500
- 6F4400
- 553300
- 3D2300
- 261400
- 120700
- 020100
톤
- D58C28
- CB8C3A
- C28B47
- B98A52
- B0885C
- A68764
- 9D856C
- 938473
- 8A827A
색 조화
보색 +180°
- DE8D00
Fleur de Sel Caramel
- 49A7FD
≈ Joust Blue
유사색 -30° +30°
- DE8D00
Fleur de Sel Caramel
- F07B53
≈ Sassy Salmon
- B8A200
≈ Snakebite Leather
삼각 배색 +120° +240°
- DE8D00
Fleur de Sel Caramel
- 00BAB2
≈ Super Rare Jade
- BE84E9
≈ Lavender Perceptions
분열 보색 +150° +210°
- DE8D00
Fleur de Sel Caramel
- 00B3D8
≈ Blue Atoll
- 8F95FF
≈ Periwinkle Blue
사각 배색 +90° +180° +270°
- DE8D00
Fleur de Sel Caramel
- 22BE7E
≈ Greenish Teal
- 49A7FD
≈ Joust Blue
- DF78C0
≈ Fuchsia Blush
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.65:1 · APCA Lc 51
Ag
AAA검은색 위
WCAG 7.91:1 · APCA Lc 51
가장 좋은 글자색: #000000
WCAG 7.91:1 (AAA) · APCA Lc 51
Contrast pairs
코드 스니펫
CSS
:root {
--fleur-de-sel-caramel: #de8d00;
--fleur-de-sel-caramel-rgb: 222 141 0;
--fleur-de-sel-caramel-oklch: oklch(0.71 0.154 69.5);
}
.element {
color: var(--fleur-de-sel-caramel);
background-color: hsl(38 100% 44%);
border-color: oklch(0.71 0.154 69.5);
}Tailwind CSS v4
@theme {
--color-fleur-de-sel-caramel: #de8d00;
--color-fleur-de-sel-caramel-50: #ffefc5;
--color-fleur-de-sel-caramel-100: #ffe0b0;
--color-fleur-de-sel-caramel-200: #feca8a;
--color-fleur-de-sel-caramel-300: #e8a957;
--color-fleur-de-sel-caramel-400: #d88b17;
--color-fleur-de-sel-caramel-500: #c56e00;
--color-fleur-de-sel-caramel-600: #a65d00;
--color-fleur-de-sel-caramel-700: #864b00;
--color-fleur-de-sel-caramel-800: #643500;
--color-fleur-de-sel-caramel-900: #462400;
--color-fleur-de-sel-caramel-950: #2e1200;
}SCSS
$fleur-de-sel-caramel: #de8d00;
$fleur-de-sel-caramel-rgb: 222, 141, 0;
$fleur-de-sel-caramel-light: mix(#fff, $fleur-de-sel-caramel, 20%);
$fleur-de-sel-caramel-dark: mix(#000, $fleur-de-sel-caramel, 20%);
.element {
color: $fleur-de-sel-caramel;
box-shadow: 0 0 0 2px rgba($fleur-de-sel-caramel, 0.35);
}