이름 색상 · #F2AB15
Squash
Squash은(는) #F2AB15: rgb(242 171 21), hsl(41 89% 52%), oklch(0.789 0.161 77.9). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Squash color name →
#F2AB15
oklch(0.789 0.161 77.9)
색상 변환
- HEX
- #f2ab15
- RGB
- rgb(242 171 21)
- HSL
- hsl(41 89% 52%)
- HWB
- hwb(41 8% 5%)
- OKLCH
- oklch(0.789 0.161 77.9)
- OKLab
- oklab(0.789 0.034 0.157)
- CIE Lab
- lab(75.45 19.25 75.48)
- LCH
- lch(75.45 77.9 75.7)
- CMYK
- cmyk(0% 29% 91% 5%)
틴트 · 셰이드 · 톤
틴트
- F4B443
- F6BD5F
- F7C576
- F9CE8C
- FAD6A0
- FBDFB3
- FCE7C7
- FDEFDA
- FEF7EC
셰이드
- D29411
- B47E0C
- 966808
- 795405
- 5E4003
- 432D02
- 2B1B01
- 140B00
- 030100
톤
- E6A732
- DBA343
- CF9F50
- C49B5A
- B89762
- AD926A
- A28E70
- 968976
- 8B857B
색 조화
보색 +180°
- F2AB15
Squash
- 8FBCFF
≈ Scenic Water
유사색 -30° +30°
- F2AB15
Squash
- FF9F6C
≈ Fresh Cantaloupe
- C5C126
≈ Cricket Chirping
삼각 배색 +120° +240°
- F2AB15
Squash
- 00D4D9
≈ Aztec Turquoise
- E597FD
≈ Party Pig
분열 보색 +150° +210°
- F2AB15
Squash
- 3ECBFF
≈ Thor’s Thunder
- B6AFFF
≈ Winterspring Lilac
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.97:1 · APCA Lc 38
Ag
AAA검은색 위
WCAG 10.61:1 · APCA Lc 64
가장 좋은 글자색: #000000
WCAG 10.61:1 (AAA) · APCA Lc 64
Contrast pairs
코드 스니펫
CSS
:root {
--squash: #f2ab15;
--squash-rgb: 242 171 21;
--squash-oklch: oklch(0.789 0.161 77.9);
}
.element {
color: var(--squash);
background-color: hsl(41 89% 52%);
border-color: oklch(0.789 0.161 77.9);
}Tailwind CSS v4
@theme {
--color-squash: #f2ab15;
--color-squash-50: #fff1c2;
--color-squash-100: #ffe3ab;
--color-squash-200: #f9cd83;
--color-squash-300: #e2ad4c;
--color-squash-400: #d29000;
--color-squash-500: #bf7300;
--color-squash-600: #a16200;
--color-squash-700: #814e00;
--color-squash-800: #613800;
--color-squash-900: #442600;
--color-squash-950: #2c1400;
}SCSS
$squash: #f2ab15;
$squash-rgb: 242, 171, 21;
$squash-light: mix(#fff, $squash, 20%);
$squash-dark: mix(#000, $squash, 20%);
.element {
color: $squash;
box-shadow: 0 0 0 2px rgba($squash, 0.35);
}