이름 색상 · #D39952
Saffron Strands
Saffron Strands은(는) #D39952: rgb(211 153 82), hsl(33 59% 57%), oklch(0.725 0.112 70). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Saffron Strands color name →
#D39952
oklch(0.725 0.112 70)
색상 변환
- HEX
- #d39952
- RGB
- rgb(211 153 82)
- HSL
- hsl(33 59% 57%)
- HWB
- hwb(33 32% 17%)
- OKLCH
- oklch(0.725 0.112 70)
- OKLab
- oklab(0.725 0.038 0.105)
- CIE Lab
- lab(67.9 17 45.6)
- LCH
- lch(67.9 48.67 69.6)
- CMYK
- cmyk(0% 27% 61% 17%)
틴트 · 셰이드 · 톤
틴트
- D8A365
- DDAD77
- E1B888
- E6C29A
- EACCAB
- EFD6BB
- F3E0CC
- F7EBDD
- FBF5EE
셰이드
- B78446
- 9C703B
- 825D2F
- 694A25
- 51381A
- 3A2711
- 241708
- 100802
- 020100
톤
- CB9759
- C2955F
- BA9264
- B29069
- AA8D6E
- A18B72
- 998876
- 918679
- 88837D
색 조화
보색 +180°
- D39952
Saffron Strands
- 6DABEA
≈ Blue Jeans
유사색 -30° +30°
- D39952
Saffron Strands
- E28D6F
≈ Middle Red
- B7A84E
≈ Forest Tent
삼각 배색 +120° +240°
- D39952
Saffron Strands
- 36BCB6
≈ Magnetic Magic
- BC92DB
≈ Lenurple
분열 보색 +150° +210°
- D39952
Saffron Strands
- 41B6D7
≈ Aztec Sky
- 989EEB
≈ Cold Lips
사각 배색 +90° +180° +270°
- D39952
Saffron Strands
- 60BC8E
≈ Techno Turquoise
- 6DABEA
≈ Blue Jeans
- D58ABC
≈ Cyclamen
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.48:1 · APCA Lc 49
Ag
AAA검은색 위
WCAG 8.44:1 · APCA Lc 53
가장 좋은 글자색: #000000
WCAG 8.44:1 (AAA) · APCA Lc 53
Contrast pairs
코드 스니펫
CSS
:root {
--saffron-strands: #d39952;
--saffron-strands-rgb: 211 153 82;
--saffron-strands-oklch: oklch(0.725 0.112 70);
}
.element {
color: var(--saffron-strands);
background-color: hsl(33 59% 57%);
border-color: oklch(0.725 0.112 70);
}Tailwind CSS v4
@theme {
--color-saffron-strands: #d39952;
--color-saffron-strands-50: #fff1d3;
--color-saffron-strands-100: #ffe3c0;
--color-saffron-strands-200: #f3cda0;
--color-saffron-strands-300: #dbae76;
--color-saffron-strands-400: #c99250;
--color-saffron-strands-500: #b5771f;
--color-saffron-strands-600: #99651e;
--color-saffron-strands-700: #7b5118;
--color-saffron-strands-800: #5c3a10;
--color-saffron-strands-900: #40280a;
--color-saffron-strands-950: #291600;
}SCSS
$saffron-strands: #d39952;
$saffron-strands-rgb: 211, 153, 82;
$saffron-strands-light: mix(#fff, $saffron-strands, 20%);
$saffron-strands-dark: mix(#000, $saffron-strands, 20%);
.element {
color: $saffron-strands;
box-shadow: 0 0 0 2px rgba($saffron-strands, 0.35);
}