가장 가까운 이름 색상 · #DE8700
#DE8700
가장 가까운 이름 색상: Fleur de Sel Caramel
#DE8700(rgb(222 135 0), hsl(36 100% 44%), oklch(0.7 0.156 66))와 가장 가까운 이름 색상은 Fleur de Sel Caramel입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#DE8700
oklch(0.7 0.156 66)
색상 변환
- HEX
- #de8700
- RGB
- rgb(222 135 0)
- HSL
- hsl(36 100% 44%)
- HWB
- hwb(36 0% 13%)
- OKLCH
- oklch(0.7 0.156 66)
- OKLab
- oklab(0.7 0.063 0.142)
- CIE Lab
- lab(64.66 28.86 70.2)
- LCH
- lch(64.66 75.9 67.6)
- CMYK
- cmyk(0% 39% 100% 13%)
틴트 · 셰이드 · 톤
틴트
- E29438
- E6A054
- EAAC6C
- EEB882
- F1C498
- F4D0AD
- F7DCC1
- FAE8D6
- FDF3EA
셰이드
- C17500
- A56300
- 895100
- 6F4100
- 553100
- 3D2100
- 261300
- 120600
- 020100
톤
- D58727
- CC8739
- C28746
- B98651
- B0865B
- A78564
- 9D846B
- 948373
- 8A817A
색 조화
보색 +180°
- DE8700
Fleur de Sel Caramel
- 38A5F8
≈ Rockman Blue
유사색 -30° +30°
- DE8700
Fleur de Sel Caramel
- EE7656
≈ Temple of Orange
- B99D00
≈ Perennial
삼각 배색 +120° +240°
- DE8700
Fleur de Sel Caramel
- 00B6AA
≈ Glass Jar Blue
- B682EA
≈ Lavender Blossom
분열 보색 +150° +210°
- DE8700
Fleur de Sel Caramel
- 00B1CF
≈ Aquarius
- 8593FE
≈ Periwinkle Blue
사각 배색 +90° +180° +270°
- DE8700
Fleur de Sel Caramel
- 2DBA74
≈ Fennel Fiesta
- 38A5F8
≈ Rockman Blue
- D975C3
≈ Explicit Pink
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.77:1 · APCA Lc 53
Ag
AAA검은색 위
WCAG 7.57:1 · APCA Lc 49
가장 좋은 글자색: #000000
WCAG 7.57:1 (AAA) · APCA Lc 49
Contrast pairs
코드 스니펫
CSS
:root {
--fleur-de-sel-caramel: #de8700;
--fleur-de-sel-caramel-rgb: 222 135 0;
--fleur-de-sel-caramel-oklch: oklch(0.7 0.156 66);
}
.element {
color: var(--fleur-de-sel-caramel);
background-color: hsl(36 100% 44%);
border-color: oklch(0.7 0.156 66);
}Tailwind CSS v4
@theme {
--color-fleur-de-sel-caramel: #de8700;
--color-fleur-de-sel-caramel-50: #ffeec6;
--color-fleur-de-sel-caramel-100: #ffdfb0;
--color-fleur-de-sel-caramel-200: #ffc88b;
--color-fleur-de-sel-caramel-300: #eca759;
--color-fleur-de-sel-caramel-400: #db891d;
--color-fleur-de-sel-caramel-500: #c96b00;
--color-fleur-de-sel-caramel-600: #a95b00;
--color-fleur-de-sel-caramel-700: #884900;
--color-fleur-de-sel-caramel-800: #663300;
--color-fleur-de-sel-caramel-900: #482300;
--color-fleur-de-sel-caramel-950: #2f1100;
}SCSS
$fleur-de-sel-caramel: #de8700;
$fleur-de-sel-caramel-rgb: 222, 135, 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);
}