이름 색상 · #FF3300
Boiling Magma
Boiling Magma은(는) #FF3300: rgb(255 51 0), hsl(12 100% 50%), oklch(0.646 0.241 32.6). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Red mean? → · Boiling Magma color name →
#FF3300
oklch(0.646 0.241 32.6)
색상 변환
- HEX
- #ff3300
- RGB
- rgb(255 51 0)
- HSL
- hsl(12 100% 50%)
- HWB
- hwb(12 0% 0%)
- OKLCH
- oklch(0.646 0.241 32.6)
- OKLab
- oklab(0.646 0.203 0.13)
- CIE Lab
- lab(56.71 74.1 70.38)
- LCH
- lch(56.71 102.19 43.5)
- CMYK
- cmyk(0% 80% 100% 0%)
틴트 · 셰이드 · 톤
틴트
- FF5333
- FF6B4E
- FF8166
- FF957D
- FFA793
- FFBAA8
- FFCBBE
- FFDDD4
- FFEEE9
셰이드
- DE2B00
- BE2300
- 9E1C00
- 801400
- 630D00
- 480700
- 2E0300
- 160100
- 030000
톤
- F44423
- E85035
- DD5A42
- D1624D
- C56957
- B86F60
- AB7469
- 9E7971
- 8F7D78
색 조화
보색 +180°
- FF3300
Boiling Magma
- 009FB6
≈ January Blue
유사색 -30° +30°
- FF3300
Boiling Magma
- F82981
≈ Pink Piano
- CC7600
≈ Mountain Ash
삼각 배색 +120° +240°
- FF3300
Boiling Magma
- 00AA59
≈ Rita Repulsa
- 6A80FF
≈ Deep Denim
분열 보색 +150° +210°
- FF3300
Boiling Magma
- 00A494
≈ Tropical Sea
- 0096E4
≈ Atmosphere
사각 배색 +90° +180° +270°
- FF3300
Boiling Magma
- 7D9C00
≈ Luminescent Green
- 009FB6
≈ January Blue
- AB5DFF
≈ Vega Violet
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.66:1 · APCA Lc 62
Ag
AA검은색 위
WCAG 5.72:1 · APCA Lc 39
가장 좋은 글자색: #000000
WCAG 5.72:1 (AA) · APCA Lc 39
Contrast pairs
코드 스니펫
CSS
:root {
--boiling-magma: #ff3300;
--boiling-magma-rgb: 255 51 0;
--boiling-magma-oklch: oklch(0.646 0.241 32.6);
}
.element {
color: var(--boiling-magma);
background-color: hsl(12 100% 50%);
border-color: oklch(0.646 0.241 32.6);
}Tailwind CSS v4
@theme {
--color-boiling-magma: #ff3300;
--color-boiling-magma-50: #ffddc7;
--color-boiling-magma-100: #ffcbb2;
--color-boiling-magma-200: #ffac8d;
--color-boiling-magma-300: #ff815d;
--color-boiling-magma-400: #ff5230;
--color-boiling-magma-500: #fe0000;
--color-boiling-magma-600: #d70000;
--color-boiling-magma-700: #ad0500;
--color-boiling-magma-800: #820000;
--color-boiling-magma-900: #5c0300;
--color-boiling-magma-950: #3e0000;
}SCSS
$boiling-magma: #ff3300;
$boiling-magma-rgb: 255, 51, 0;
$boiling-magma-light: mix(#fff, $boiling-magma, 20%);
$boiling-magma-dark: mix(#000, $boiling-magma, 20%);
.element {
color: $boiling-magma;
box-shadow: 0 0 0 2px rgba($boiling-magma, 0.35);
}