이름 색상 · #921D0F
Uluru Red
Uluru Red은(는) #921D0F: rgb(146 29 15), hsl(6 81% 32%), oklch(0.431 0.154 30.7). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Red mean? → · Uluru Red color name →
#921D0F
oklch(0.431 0.154 30.7)
색상 변환
- HEX
- #921d0f
- RGB
- rgb(146 29 15)
- HSL
- hsl(6 81% 32%)
- HWB
- hwb(6 6% 43%)
- OKLCH
- oklch(0.431 0.154 30.7)
- OKLab
- oklab(0.431 0.133 0.079)
- CIE Lab
- lab(32.49 47.86 39.91)
- LCH
- lch(32.49 62.32 39.8)
- CMYK
- cmyk(0% 80% 90% 43%)
틴트 · 셰이드 · 톤
틴트
- 9F392B
- AC5042
- B86658
- C47C6F
- CF9186
- DAA79D
- E4BDB5
- EDD3CD
- F6E9E6
셰이드
- 7E180B
- 6B1308
- 580E05
- 460903
- 350502
- 250301
- 160100
- 080000
- 010000
톤
- 922C1F
- 92392B
- 914337
- 904D42
- 8F564C
- 8D5F57
- 8A6861
- 88706B
- 847876
색 조화
보색 +180°
- 921D0F
Uluru Red
- 005B67
≈ Egyptian Enamel
유사색 -30° +30°
- 921D0F
Uluru Red
- 8D194B
≈ Akuma’s Fury
- 774000
≈ Hazelnut Chocolate
삼각 배색 +120° +240°
- 921D0F
Uluru Red
- 00612B
≈ Ficus Elastica
- 3344A3
≈ The Blues Brothers
분열 보색 +150° +210°
- 921D0F
Uluru Red
- 005E52
≈ Alpine Green
- 005581
≈ Grand Bleu
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
AAA흰색 위
WCAG 8.73:1 · APCA Lc 88
Ag
Fail검은색 위
WCAG 2.40:1 · APCA Lc 14
가장 좋은 글자색: #FFFFFF
WCAG 8.73:1 (AAA) · APCA Lc 88
Contrast pairs
코드 스니펫
CSS
:root {
--uluru-red: #921d0f;
--uluru-red-rgb: 146 29 15;
--uluru-red-oklch: oklch(0.431 0.154 30.7);
}
.element {
color: var(--uluru-red);
background-color: hsl(6 81% 32%);
border-color: oklch(0.431 0.154 30.7);
}Tailwind CSS v4
@theme {
--color-uluru-red: #921d0f;
--color-uluru-red-50: #ffe6d9;
--color-uluru-red-100: #ffd6c7;
--color-uluru-red-200: #ffbcaa;
--color-uluru-red-300: #fc9984;
--color-uluru-red-400: #eb7865;
--color-uluru-red-500: #d95542;
--color-uluru-red-600: #b74939;
--color-uluru-red-700: #933a2d;
--color-uluru-red-800: #6e2921;
--color-uluru-red-900: #4e1b16;
--color-uluru-red-950: #330b07;
}SCSS
$uluru-red: #921d0f;
$uluru-red-rgb: 146, 29, 15;
$uluru-red-light: mix(#fff, $uluru-red, 20%);
$uluru-red-dark: mix(#000, $uluru-red, 20%);
.element {
color: $uluru-red;
box-shadow: 0 0 0 2px rgba($uluru-red, 0.35);
}