이름 색상 · #7C1C05
New Kenyan Copper
New Kenyan Copper은(는) #7C1C05: rgb(124 28 5), hsl(12 92% 25%), oklch(0.387 0.134 33.9). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Red mean? → · New Kenyan Copper color name →
#7C1C05
oklch(0.387 0.134 33.9)
색상 변환
- HEX
- #7c1c05
- RGB
- rgb(124 28 5)
- HSL
- hsl(12 92% 25%)
- HWB
- hwb(12 2% 51%)
- OKLCH
- oklch(0.387 0.134 33.9)
- OKLab
- oklab(0.387 0.111 0.075)
- CIE Lab
- lab(27.64 40.83 38.19)
- LCH
- lch(27.64 55.91 43.1)
- CMYK
- cmyk(0% 77% 96% 51%)
틴트 · 셰이드 · 톤
틴트
- 8B3623
- 994C3B
- A76252
- B57869
- C28E81
- CFA499
- DCBAB2
- E8D1CB
- F4E8E5
셰이드
- 6B1704
- 5A1203
- 4A0D02
- 3B0801
- 2C0501
- 1E0200
- 110100
- 050000
- 010000
톤
- 7E2A17
- 803525
- 814031
- 824A3D
- 835348
- 835C53
- 83655E
- 836E69
- 827775
색 조화
보색 +180°
- 7C1C05
New Kenyan Copper
- 004D5A
≈ Watercolour Blue
유사색 -30° +30°
- 7C1C05
New Kenyan Copper
- 79173C
≈ Deep Claret
- 643800
≈ Brown
삼각 배색 +120° +240°
- 7C1C05
New Kenyan Copper
- 00532A
≈ Lemon Balm Green
- 30398A
≈ Navy Seal
분열 보색 +150° +210°
- 7C1C05
New Kenyan Copper
- 005048
≈ Action Green
- 004873
≈ Medici Blue
사각 배색 +90° +180° +270°
- 7C1C05
New Kenyan Copper
- 3A4C00
≈ Godzilla
- 004D5A
≈ Watercolour Blue
- 542B7D
≈ Regalia
대비 및 접근성
Ag
AAA흰색 위
WCAG 10.36:1 · APCA Lc 93
Ag
Fail검은색 위
WCAG 2.02:1 · APCA Lc 10
가장 좋은 글자색: #FFFFFF
WCAG 10.36:1 (AAA) · APCA Lc 93
Contrast pairs
코드 스니펫
CSS
:root {
--new-kenyan-copper: #7c1c05;
--new-kenyan-copper-rgb: 124 28 5;
--new-kenyan-copper-oklch: oklch(0.387 0.134 33.9);
}
.element {
color: var(--new-kenyan-copper);
background-color: hsl(12 92% 25%);
border-color: oklch(0.387 0.134 33.9);
}Tailwind CSS v4
@theme {
--color-new-kenyan-copper: #7c1c05;
--color-new-kenyan-copper-50: #ffe9db;
--color-new-kenyan-copper-100: #ffd9c9;
--color-new-kenyan-copper-200: #ffc0ad;
--color-new-kenyan-copper-300: #f39e87;
--color-new-kenyan-copper-400: #e27f68;
--color-new-kenyan-copper-500: #cf5f47;
--color-new-kenyan-copper-600: #af513d;
--color-new-kenyan-copper-700: #8d4130;
--color-new-kenyan-copper-800: #692e23;
--color-new-kenyan-copper-900: #4a1f17;
--color-new-kenyan-copper-950: #300e08;
}SCSS
$new-kenyan-copper: #7c1c05;
$new-kenyan-copper-rgb: 124, 28, 5;
$new-kenyan-copper-light: mix(#fff, $new-kenyan-copper, 20%);
$new-kenyan-copper-dark: mix(#000, $new-kenyan-copper, 20%);
.element {
color: $new-kenyan-copper;
box-shadow: 0 0 0 2px rgba($new-kenyan-copper, 0.35);
}