이름 색상 · #F6C79D
Cactus Blooms
Cactus Blooms은(는) #F6C79D: rgb(246 199 157), hsl(28 83% 79%), oklch(0.861 0.077 63.3). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Cactus Blooms color name →
#F6C79D
oklch(0.861 0.077 63.3)
색상 변환
- HEX
- #f6c79d
- RGB
- rgb(246 199 157)
- HSL
- hsl(28 83% 79%)
- HWB
- hwb(28 62% 4%)
- OKLCH
- oklch(0.861 0.077 63.3)
- OKLab
- oklab(0.861 0.035 0.069)
- CIE Lab
- lab(83.7 13.13 27.73)
- LCH
- lch(83.7 30.68 64.7)
- CMYK
- cmyk(0% 19% 36% 4%)
틴트 · 셰이드 · 톤
틴트
- F7CDA7
- F8D2B1
- F9D8BB
- FADEC4
- FBE3CE
- FCE9D8
- FDEEE2
- FEF4EB
- FEF9F5
셰이드
- D6AD88
- B79373
- 987A5F
- 7B624C
- 5F4C3A
- 453628
- 2C2118
- 150E09
- 030201
톤
- EAC09A
- DEB998
- D2B195
- C6AA92
- BAA38F
- AE9C8C
- A29589
- 978E86
- 8B8783
색 조화
보색 +180°
- F6C79D
Cactus Blooms
- A7D8FF
≈ Malmö FF
유사색 -30° +30°
- F6C79D
Cactus Blooms
- FFC0B1
≈ Ruffled Parasol
- E2D197
≈ Garden Picket
삼각 배색 +120° +240°
- F6C79D
Cactus Blooms
- 97E2D6
≈ Sharbah Fizz
- DBC6FB
≈ Neon Boneyard
분열 보색 +150° +210°
- F6C79D
Cactus Blooms
- 95DFF0
≈ Photon Barrier
- C2CFFF
≈ Lavender Blue
사각 배색 +90° +180° +270°
- F6C79D
Cactus Blooms
- ABE1BA
≈ Fringy Flower
- A7D8FF
≈ Malmö FF
- F1BFE7
≈ Lavender Soap
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.54:1 · APCA Lc 25
Ag
AAA검은색 위
WCAG 13.57:1 · APCA Lc 78
가장 좋은 글자색: #000000
WCAG 13.57:1 (AAA) · APCA Lc 78
Contrast pairs
코드 스니펫
CSS
:root {
--cactus-blooms: #f6c79d;
--cactus-blooms-rgb: 246 199 157;
--cactus-blooms-oklch: oklch(0.861 0.077 63.3);
}
.element {
color: var(--cactus-blooms);
background-color: hsl(28 83% 79%);
border-color: oklch(0.861 0.077 63.3);
}Tailwind CSS v4
@theme {
--color-cactus-blooms: #f6c79d;
--color-cactus-blooms-50: #fff1df;
--color-cactus-blooms-100: #fbe3ce;
--color-cactus-blooms-200: #ecceb2;
--color-cactus-blooms-300: #d3b08e;
--color-cactus-blooms-400: #bf956f;
--color-cactus-blooms-500: #aa7b4e;
--color-cactus-blooms-600: #906843;
--color-cactus-blooms-700: #735335;
--color-cactus-blooms-800: #563c26;
--color-cactus-blooms-900: #3c2919;
--color-cactus-blooms-950: #26170a;
}SCSS
$cactus-blooms: #f6c79d;
$cactus-blooms-rgb: 246, 199, 157;
$cactus-blooms-light: mix(#fff, $cactus-blooms, 20%);
$cactus-blooms-dark: mix(#000, $cactus-blooms, 20%);
.element {
color: $cactus-blooms;
box-shadow: 0 0 0 2px rgba($cactus-blooms, 0.35);
}