이름 색상 · #DA8704
Fleur de Sel Caramel
Fleur de Sel Caramel은(는) #DA8704: rgb(218 135 4), hsl(37 96% 44%), oklch(0.695 0.152 67.3). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Fleur de Sel Caramel color name →
#DA8704
oklch(0.695 0.152 67.3)
색상 변환
- HEX
- #da8704
- RGB
- rgb(218 135 4)
- HSL
- hsl(37 96% 44%)
- HWB
- hwb(37 2% 15%)
- OKLCH
- oklch(0.695 0.152 67.3)
- OKLab
- oklab(0.695 0.059 0.141)
- CIE Lab
- lab(64.14 27.22 68.99)
- LCH
- lch(64.14 74.17 68.5)
- CMYK
- cmyk(0% 38% 98% 15%)
틴트 · 셰이드 · 톤
틴트
- DF9338
- E3A054
- E7AC6C
- EBB882
- EFC498
- F3D0AD
- F6DCC1
- F9E7D6
- FCF3EA
셰이드
- BD7503
- A26302
- 875101
- 6C4101
- 543101
- 3C2100
- 251300
- 110600
- 020100
톤
- D18728
- C8873A
- C08747
- B78652
- AE865B
- A58564
- 9C846B
- 938373
- 89817A
색 조화
보색 +180°
- DA8704
Fleur de Sel Caramel
- 3EA3F5
≈ Rockman Blue
유사색 -30° +30°
- DA8704
Fleur de Sel Caramel
- EB7654
≈ Koeksister
- B69C00
≈ Perennial
삼각 배색 +120° +240°
- DA8704
Fleur de Sel Caramel
- 00B4AA
≈ Glass Jar Blue
- B681E6
≈ Lavender Blossom
분열 보색 +150° +210°
- DA8704
Fleur de Sel Caramel
- 00AFCF
≈ Hú Lán Blue
- 8791F9
≈ Lavender Blue Shadow
사각 배색 +90° +180° +270°
- DA8704
Fleur de Sel Caramel
- 2AB876
≈ Ceramic Green
- 3EA3F5
≈ Rockman Blue
- D774BE
≈ Sky Magenta
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.81:1 · APCA Lc 54
Ag
AAA검은색 위
WCAG 7.44:1 · APCA Lc 48
가장 좋은 글자색: #000000
WCAG 7.44:1 (AAA) · APCA Lc 48
Contrast pairs
코드 스니펫
CSS
:root {
--fleur-de-sel-caramel: #da8704;
--fleur-de-sel-caramel-rgb: 218 135 4;
--fleur-de-sel-caramel-oklch: oklch(0.695 0.152 67.3);
}
.element {
color: var(--fleur-de-sel-caramel);
background-color: hsl(37 96% 44%);
border-color: oklch(0.695 0.152 67.3);
}Tailwind CSS v4
@theme {
--color-fleur-de-sel-caramel: #da8704;
--color-fleur-de-sel-caramel-50: #ffeec7;
--color-fleur-de-sel-caramel-100: #ffe0b1;
--color-fleur-de-sel-caramel-200: #ffc98c;
--color-fleur-de-sel-caramel-300: #eaa95b;
--color-fleur-de-sel-caramel-400: #d98a21;
--color-fleur-de-sel-caramel-500: #c66d00;
--color-fleur-de-sel-caramel-600: #a75c00;
--color-fleur-de-sel-caramel-700: #874a00;
--color-fleur-de-sel-caramel-800: #653400;
--color-fleur-de-sel-caramel-900: #472400;
--color-fleur-de-sel-caramel-950: #2e1200;
}SCSS
$fleur-de-sel-caramel: #da8704;
$fleur-de-sel-caramel-rgb: 218, 135, 4;
$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);
}