이름 색상 · #69354F
Noble Honour
Noble Honour은(는) #69354F: rgb(105 53 79), hsl(330 33% 31%), oklch(0.405 0.081 350). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Brown mean? → · Noble Honour color name →
#69354F
oklch(0.405 0.081 350)
색상 변환
- HEX
- #69354f
- RGB
- rgb(105 53 79)
- HSL
- hsl(330 33% 31%)
- HWB
- hwb(330 21% 59%)
- OKLCH
- oklch(0.405 0.081 350)
- OKLab
- oklab(0.405 0.08 -0.014)
- CIE Lab
- lab(29.84 26.26 -5.03)
- LCH
- lch(29.84 26.73 349.2)
- CMYK
- cmyk(0% 50% 25% 59%)
틴트 · 셰이드 · 톤
틴트
- 78485F
- 875A6F
- 966E80
- A58191
- B495A3
- C3AAB4
- D2BEC7
- E1D4D9
- F0E9EC
셰이드
- 5A2D44
- 4C2538
- 3E1D2E
- 311523
- 240E19
- 180810
- 0C0307
- 040102
- 000000
톤
- 6C3D54
- 6F4459
- 724C5D
- 745362
- 765B67
- 79626C
- 7B6971
- 7D7176
- 7E787B
색 조화
보색 +180°
- 69354F
Noble Honour
- 005642
≈ Sacramento State Green
유사색 -30° +30°
- 69354F
Noble Honour
- 5C3964
≈ Purple Splendour
- 6E3536
≈ Red Theatre
삼각 배색 +120° +240°
- 69354F
Noble Honour
- 4C4C0C
≈ Scorzonera Brown
- 00506C
≈ Gemstone Blue
분열 보색 +150° +210°
- 69354F
Noble Honour
- 2F5327
≈ Moor-Monster
- 005458
≈ Ice Dark Turquoise
사각 배색 +90° +180° +270°
- 69354F
Noble Honour
- 604304
≈ Mud Brown
- 005642
≈ Sacramento State Green
- 2E4975
≈ Dragonfly
대비 및 접근성
Ag
AAA흰색 위
WCAG 9.44:1 · APCA Lc 92
Ag
Fail검은색 위
WCAG 2.22:1 · APCA Lc 11
가장 좋은 글자색: #FFFFFF
WCAG 9.44:1 (AAA) · APCA Lc 92
Contrast pairs
코드 스니펫
CSS
:root {
--noble-honour: #69354f;
--noble-honour-rgb: 105 53 79;
--noble-honour-oklch: oklch(0.405 0.081 350);
}
.element {
color: var(--noble-honour);
background-color: hsl(330 33% 31%);
border-color: oklch(0.405 0.081 350);
}Tailwind CSS v4
@theme {
--color-noble-honour: #69354f;
--color-noble-honour-50: #ffecf7;
--color-noble-honour-100: #ffddeb;
--color-noble-honour-200: #f1c7d8;
--color-noble-honour-300: #d9a7bc;
--color-noble-honour-400: #c48ba5;
--color-noble-honour-500: #af6f8e;
--color-noble-honour-600: #945f78;
--color-noble-honour-700: #774b60;
--color-noble-honour-800: #573747;
--color-noble-honour-900: #3d2531;
--color-noble-honour-950: #26141d;
}SCSS
$noble-honour: #69354f;
$noble-honour-rgb: 105, 53, 79;
$noble-honour-light: mix(#fff, $noble-honour, 20%);
$noble-honour-dark: mix(#000, $noble-honour, 20%);
.element {
color: $noble-honour;
box-shadow: 0 0 0 2px rgba($noble-honour, 0.35);
}