이름 색상 · #933709
Citrine Brown
Citrine Brown은(는) #933709: rgb(147 55 9), hsl(20 88% 31%), oklch(0.461 0.134 41.7). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Red mean? → · Citrine Brown color name →
#933709
oklch(0.461 0.134 41.7)
색상 변환
- HEX
- #933709
- RGB
- rgb(147 55 9)
- HSL
- hsl(20 88% 31%)
- HWB
- hwb(20 4% 42%)
- OKLCH
- oklch(0.461 0.134 41.7)
- OKLab
- oklab(0.461 0.1 0.089)
- CIE Lab
- lab(36.46 38.14 44.93)
- LCH
- lch(36.46 58.94 49.7)
- CMYK
- cmyk(0% 63% 94% 42%)
틴트 · 셰이드 · 톤
틴트
- 9F4C2A
- AB6042
- B77359
- C28770
- CD9A87
- D8AE9E
- E2C2B6
- ECD6CE
- F6EAE6
셰이드
- 7F2E07
- 6C2605
- 591E03
- 471602
- 360F01
- 250801
- 160300
- 080100
- 010000
톤
- 92401D
- 92482B
- 915037
- 8F5842
- 8E5F4D
- 8C6658
- 896D62
- 87736C
- 847A76
색 조화
보색 +180°
- 933709
Citrine Brown
- 00627A
≈ Jamaican Dream
유사색 -30° +30°
- 933709
Citrine Brown
- 943045
≈ Scarlet Apple
- 7A4D00
≈ Lucky Brown
삼각 배색 +120° +240°
- 933709
Citrine Brown
- 006946
≈ Greens
- 4E4BA0
≈ Liberty
분열 보색 +150° +210°
- 933709
Citrine Brown
- 006663
≈ Peacock Pride
- 0459A0
≈ Parachuting
사각 배색 +90° +180° +270°
- 933709
Citrine Brown
- 3D6600
≈ Tatzelwurm Green
- 00627A
≈ Jamaican Dream
- 713E8E
≈ Perkin Mauve
대비 및 접근성
Ag
AAA흰색 위
WCAG 7.52:1 · APCA Lc 85
Ag
Fail검은색 위
WCAG 2.79:1 · APCA Lc 17
가장 좋은 글자색: #FFFFFF
WCAG 7.52:1 (AAA) · APCA Lc 85
Contrast pairs
코드 스니펫
CSS
:root {
--citrine-brown: #933709;
--citrine-brown-rgb: 147 55 9;
--citrine-brown-oklch: oklch(0.461 0.134 41.7);
}
.element {
color: var(--citrine-brown);
background-color: hsl(20 88% 31%);
border-color: oklch(0.461 0.134 41.7);
}Tailwind CSS v4
@theme {
--color-citrine-brown: #933709;
--color-citrine-brown-50: #ffead7;
--color-citrine-brown-100: #ffdac4;
--color-citrine-brown-200: #ffc2a6;
--color-citrine-brown-300: #f1a17e;
--color-citrine-brown-400: #e0825d;
--color-citrine-brown-500: #ce6237;
--color-citrine-brown-600: #ae5430;
--color-citrine-brown-700: #8c4326;
--color-citrine-brown-800: #68301b;
--color-citrine-brown-900: #492012;
--color-citrine-brown-950: #300f05;
}SCSS
$citrine-brown: #933709;
$citrine-brown-rgb: 147, 55, 9;
$citrine-brown-light: mix(#fff, $citrine-brown, 20%);
$citrine-brown-dark: mix(#000, $citrine-brown, 20%);
.element {
color: $citrine-brown;
box-shadow: 0 0 0 2px rgba($citrine-brown, 0.35);
}