이름 색상 · #FF917A
Coralistic
Coralistic은(는) #FF917A: rgb(255 145 122), hsl(10 100% 74%), oklch(0.769 0.138 32.8). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Red mean? → · Coralistic color name →
#FF917A
oklch(0.769 0.138 32.8)
색상 변환
- HEX
- #ff917a
- RGB
- rgb(255 145 122)
- HSL
- hsl(10 100% 74%)
- HWB
- hwb(10 48% 0%)
- OKLCH
- oklch(0.769 0.138 32.8)
- OKLab
- oklab(0.769 0.116 0.075)
- CIE Lab
- lab(72.05 40.84 31.32)
- LCH
- lch(72.05 51.47 37.5)
- CMYK
- cmyk(0% 43% 52% 0%)
틴트 · 셰이드 · 톤
틴트
- FF9D87
- FFA895
- FFB3A2
- FFBEAF
- FFC9BC
- FFD4CA
- FFDFD7
- FFEAE4
- FFF4F2
셰이드
- DE7D69
- BE6A59
- 9E5849
- 80463A
- 63352B
- 48251D
- 2E1510
- 160705
- 030101
톤
- F2907B
- E68F7C
- D98E7D
- CD8C7E
- C08A7F
- B4897F
- A7877F
- 9A8580
- 8D8280
색 조화
보색 +180°
- FF917A
Coralistic
- 00C9E6
≈ Picnic Day Sky
유사색 -30° +30°
- FF917A
Coralistic
- FB8CAC
≈ Rock’n’Rose
- F19F4D
≈ Osage Orange
삼각 배색 +120° +240°
- FF917A
Coralistic
- 66CD89
≈ Spring Bouquet
- 9BAFFF
≈ Widowmaker
분열 보색 +150° +210°
- FF917A
Coralistic
- 00D0BC
≈ Exquisite Turquoise
- 63BDFF
≈ Hello Summer
사각 배색 +90° +180° +270°
- FF917A
Coralistic
- A4C258
≈ Sapling
- 00C9E6
≈ Picnic Day Sky
- C59DFC
≈ Diva
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.19:1 · APCA Lc 43
Ag
AAA검은색 위
WCAG 9.58:1 · APCA Lc 59
가장 좋은 글자색: #000000
WCAG 9.58:1 (AAA) · APCA Lc 59
Contrast pairs
코드 스니펫
CSS
:root {
--coralistic: #ff917a;
--coralistic-rgb: 255 145 122;
--coralistic-oklch: oklch(0.769 0.138 32.8);
}
.element {
color: var(--coralistic);
background-color: hsl(10 100% 74%);
border-color: oklch(0.769 0.138 32.8);
}Tailwind CSS v4
@theme {
--color-coralistic: #ff917a;
--color-coralistic-50: #ffe8db;
--color-coralistic-100: #ffd8c9;
--color-coralistic-200: #ffc0ad;
--color-coralistic-300: #f59d87;
--color-coralistic-400: #e47e68;
--color-coralistic-500: #d15e47;
--color-coralistic-600: #b1503d;
--color-coralistic-700: #8e4030;
--color-coralistic-800: #6a2d23;
--color-coralistic-900: #4b1f17;
--color-coralistic-950: #310e09;
}SCSS
$coralistic: #ff917a;
$coralistic-rgb: 255, 145, 122;
$coralistic-light: mix(#fff, $coralistic, 20%);
$coralistic-dark: mix(#000, $coralistic, 20%);
.element {
color: $coralistic;
box-shadow: 0 0 0 2px rgba($coralistic, 0.35);
}