이름 색상 · #ABE3C9
Fabulous Find
Fabulous Find은(는) #ABE3C9: rgb(171 227 201), hsl(152 50% 78%), oklch(0.87 0.068 164.7). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Green mean? → · Fabulous Find color name →
#ABE3C9
oklch(0.87 0.068 164.7)
색상 변환
- HEX
- #abe3c9
- RGB
- rgb(171 227 201)
- HSL
- hsl(152 50% 78%)
- HWB
- hwb(152 67% 11%)
- OKLCH
- oklch(0.87 0.068 164.7)
- OKLab
- oklab(0.87 -0.065 0.018)
- CIE Lab
- lab(85.84 -22.56 6.64)
- LCH
- lch(85.84 23.52 163.6)
- CMYK
- cmyk(25% 0% 11% 11%)
틴트 · 셰이드 · 톤
틴트
- B4E6CE
- BCE9D4
- C5ECD9
- CDEEDE
- D6F1E4
- DEF4E9
- E6F7EF
- EFFAF4
- F7FCFA
셰이드
- 94C5AE
- 7EA895
- 688C7C
- 547164
- 40574C
- 2D3F36
- 1B2722
- 0B120F
- 010302
톤
- A7D9C1
- A3CFBA
- 9FC4B3
- 9BBAAB
- 96B0A4
- 92A79D
- 8E9D95
- 89938E
- 858987
색 조화
보색 +180°
- ABE3C9
Fabulous Find
- F6C3DF
≈ Miami Pink
유사색 -30° +30°
- ABE3C9
Fabulous Find
- C2DFB2
≈ Bowling Green
- 9FE3E2
≈ Everest
삼각 배색 +120° +240°
- ABE3C9
Fabulous Find
- CFCFFF
≈ Lavender Blue
- FBC7B0
≈ Malibu Peach
분열 보색 +150° +210°
- ABE3C9
Fabulous Find
- E5C8F4
≈ Lens Flare Pink
- FEC3C6
≈ Crystal Rose
사각 배색 +90° +180° +270°
- ABE3C9
Fabulous Find
- B8D7FF
≈ Oh Boy!
- F6C3DF
≈ Miami Pink
- EFCFA3
≈ Crumble Topping
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.44:1 · APCA Lc 21
Ag
AAA검은색 위
WCAG 14.56:1 · APCA Lc 82
가장 좋은 글자색: #000000
WCAG 14.56:1 (AAA) · APCA Lc 82
Contrast pairs
코드 스니펫
CSS
:root {
--fabulous-find: #abe3c9;
--fabulous-find-rgb: 171 227 201;
--fabulous-find-oklch: oklch(0.87 0.068 164.7);
}
.element {
color: var(--fabulous-find);
background-color: hsl(152 50% 78%);
border-color: oklch(0.87 0.068 164.7);
}Tailwind CSS v4
@theme {
--color-fabulous-find: #abe3c9;
--color-fabulous-find-50: #e4fcf1;
--color-fabulous-find-100: #d4f0e3;
--color-fabulous-find-200: #badece;
--color-fabulous-find-300: #97c3b0;
--color-fabulous-find-400: #78ac94;
--color-fabulous-find-500: #59957b;
--color-fabulous-find-600: #4c7e68;
--color-fabulous-find-700: #3c6553;
--color-fabulous-find-800: #2c4a3b;
--color-fabulous-find-900: #1d3329;
--color-fabulous-find-950: #0d1f17;
}SCSS
$fabulous-find: #abe3c9;
$fabulous-find-rgb: 171, 227, 201;
$fabulous-find-light: mix(#fff, $fabulous-find, 20%);
$fabulous-find-dark: mix(#000, $fabulous-find, 20%);
.element {
color: $fabulous-find;
box-shadow: 0 0 0 2px rgba($fabulous-find, 0.35);
}