이름 색상 · #FF7300
Philippine Orange
Philippine Orange은(는) #FF7300: rgb(255 115 0), hsl(27 100% 50%), oklch(0.713 0.195 47.9). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Philippine Orange color name →
#FF7300
oklch(0.713 0.195 47.9)
색상 변환
- HEX
- #ff7300
- RGB
- rgb(255 115 0)
- HSL
- hsl(27 100% 50%)
- HWB
- hwb(27 0% 0%)
- OKLCH
- oklch(0.713 0.195 47.9)
- OKLab
- oklab(0.713 0.13 0.144)
- CIE Lab
- lab(65.39 51.44 73.65)
- LCH
- lch(65.39 89.84 55.1)
- CMYK
- cmyk(0% 55% 100% 0%)
틴트 · 셰이드 · 톤
틴트
- FF8338
- FF9255
- FFA16D
- FFAF83
- FFBD98
- FFCAAD
- FFD8C2
- FFE5D6
- FFF2EB
셰이드
- DE6300
- BE5400
- 9E4500
- 803600
- 632800
- 481B00
- 2E0F00
- 160500
- 030100
톤
- F37628
- E7793A
- DB7B47
- CE7D52
- C27E5B
- B57F64
- A8806C
- 9B8073
- 8E807A
색 조화
보색 +180°
- FF7300
Philippine Orange
- 00B2E6
≈ Blue Atoll
유사색 -30° +30°
- FF7300
Philippine Orange
- FF6A77
≈ Kisses and Hugs
- D59500
≈ Bonfire Glow
삼각 배색 +120° +240°
- FF7300
Philippine Orange
- 00BE91
≈ Blarney
- 9F90FF
≈ Cobalite
분열 보색 +150° +210°
- FF7300
Philippine Orange
- 00B9BD
≈ Caicos Turquoise
- 64A3FF
≈ Âbi Blue
사각 배색 +90° +180° +270°
- FF7300
Philippine Orange
- 5DBD32
≈ Exit Light
- 00B2E6
≈ Blue Atoll
- D375F0
≈ Fake Love
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.72:1 · APCA Lc 52
Ag
AAA검은색 위
WCAG 7.70:1 · APCA Lc 50
가장 좋은 글자색: #000000
WCAG 7.70:1 (AAA) · APCA Lc 50
Contrast pairs
코드 스니펫
CSS
:root {
--philippine-orange: #ff7300;
--philippine-orange-rgb: 255 115 0;
--philippine-orange-oklch: oklch(0.713 0.195 47.9);
}
.element {
color: var(--philippine-orange);
background-color: hsl(27 100% 50%);
border-color: oklch(0.713 0.195 47.9);
}Tailwind CSS v4
@theme {
--color-philippine-orange: #ff7300;
--color-philippine-orange-50: #ffe6c4;
--color-philippine-orange-100: #ffd5ae;
--color-philippine-orange-200: #ffbb87;
--color-philippine-orange-300: #ff9654;
--color-philippine-orange-400: #f67215;
--color-philippine-orange-500: #e54b00;
--color-philippine-orange-600: #c24100;
--color-philippine-orange-700: #9c3400;
--color-philippine-orange-800: #752300;
--color-philippine-orange-900: #531800;
--color-philippine-orange-950: #370700;
}SCSS
$philippine-orange: #ff7300;
$philippine-orange-rgb: 255, 115, 0;
$philippine-orange-light: mix(#fff, $philippine-orange, 20%);
$philippine-orange-dark: mix(#000, $philippine-orange, 20%);
.element {
color: $philippine-orange;
box-shadow: 0 0 0 2px rgba($philippine-orange, 0.35);
}