이름 색상 · #D0756F
Light Tomato
Light Tomato은(는) #D0756F: rgb(208 117 111), hsl(4 51% 63%), oklch(0.662 0.115 24.6). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Red mean? → · Light Tomato color name →
#D0756F
oklch(0.662 0.115 24.6)
색상 변환
- HEX
- #d0756f
- RGB
- rgb(208 117 111)
- HSL
- hsl(4 51% 63%)
- HWB
- hwb(4 44% 18%)
- OKLCH
- oklch(0.662 0.115 24.6)
- OKLab
- oklab(0.662 0.105 0.048)
- CIE Lab
- lab(59.66 35.99 19.84)
- LCH
- lch(59.66 41.1 28.9)
- CMYK
- cmyk(0% 44% 47% 18%)
틴트 · 셰이드 · 톤
틴트
- D6837D
- DC918B
- E19E99
- E6ACA7
- EBBAB5
- F0C8C4
- F4D5D2
- F8E3E1
- FCF1F0
셰이드
- B56560
- 9A5551
- 804642
- 673734
- 4F2927
- 391C1A
- 230F0E
- 100504
- 020101
톤
- C97771
- C17873
- B97A75
- B27B76
- AA7C78
- A27D7A
- 9A7E7B
- 917F7D
- 897F7E
색 조화
보색 +180°
- D0756F
Light Tomato
- 00A6B3
≈ Exotic Sea
유사색 -30° +30°
- D0756F
Light Tomato
- C97497
≈ Dolomite Red
- C97E49
≈ Fuegan Orange
삼각 배색 +120° +240°
- D0756F
Light Tomato
- 63A565
≈ Endo
- 6F91DA
≈ Little Boy Blue
분열 보색 +150° +210°
- D0756F
Light Tomato
- 29A98E
≈ Niagara
- 3C9DCF
≈ Blue Burst
사각 배색 +90° +180° +270°
- D0756F
Light Tomato
- 919B40
≈ Split Pea
- 00A6B3
≈ Exotic Sea
- 9884D2
≈ Indigo Bloom
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.25:1 · APCA Lc 60
Ag
AA검은색 위
WCAG 6.45:1 · APCA Lc 42
가장 좋은 글자색: #000000
WCAG 6.45:1 (AA) · APCA Lc 42
Contrast pairs
코드 스니펫
CSS
:root {
--light-tomato: #d0756f;
--light-tomato-rgb: 208 117 111;
--light-tomato-oklch: oklch(0.662 0.115 24.6);
}
.element {
color: var(--light-tomato);
background-color: hsl(4 51% 63%);
border-color: oklch(0.662 0.115 24.6);
}Tailwind CSS v4
@theme {
--color-light-tomato: #d0756f;
--color-light-tomato-50: #ffe9e4;
--color-light-tomato-100: #ffdad4;
--color-light-tomato-200: #ffc2ba;
--color-light-tomato-300: #eda198;
--color-light-tomato-400: #da827c;
--color-light-tomato-500: #c7645f;
--color-light-tomato-600: #a85651;
--color-light-tomato-700: #874440;
--color-light-tomato-800: #64312f;
--color-light-tomato-900: #472120;
--color-light-tomato-950: #2e1010;
}SCSS
$light-tomato: #d0756f;
$light-tomato-rgb: 208, 117, 111;
$light-tomato-light: mix(#fff, $light-tomato, 20%);
$light-tomato-dark: mix(#000, $light-tomato, 20%);
.element {
color: $light-tomato;
box-shadow: 0 0 0 2px rgba($light-tomato, 0.35);
}