이름 색상 · #A5E1C4
Reef Green
Reef Green은(는) #A5E1C4: rgb(165 225 196), hsl(151 50% 76%), oklch(0.861 0.073 163.5). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Green mean? → · Reef Green color name →
#A5E1C4
oklch(0.861 0.073 163.5)
색상 변환
- HEX
- #a5e1c4
- RGB
- rgb(165 225 196)
- HSL
- hsl(151 50% 76%)
- HWB
- hwb(151 65% 12%)
- OKLCH
- oklch(0.861 0.073 163.5)
- OKLab
- oklab(0.861 -0.07 0.021)
- CIE Lab
- lab(84.84 -24.31 7.78)
- LCH
- lch(84.84 25.52 162.3)
- CMYK
- cmyk(27% 0% 13% 12%)
틴트 · 셰이드 · 톤
틴트
- AEE4CA
- B8E7D0
- C1EAD5
- CAEDDB
- D3F0E1
- DCF3E7
- E5F6ED
- EDF9F3
- F6FCF9
셰이드
- 8FC4AA
- 79A791
- 658B78
- 517061
- 3D564A
- 2B3E35
- 1A2721
- 0A120E
- 010202
톤
- A2D7BD
- 9ECDB6
- 9BC3AF
- 97B9A8
- 94AFA1
- 90A69B
- 8C9C94
- 88938D
- 848987
색 조화
보색 +180°
- A5E1C4
Reef Green
- F5BFDE
≈ Cotton Candy Aesthetic
유사색 -30° +30°
- A5E1C4
Reef Green
- BEDCAB
≈ Bowling Green
- 97E1DF
≈ Aqua Fiesta
삼각 배색 +120° +240°
- A5E1C4
Reef Green
- CACCFF
≈ Lavender Blue
- FCC2AB
≈ Sweet Apricot
분열 보색 +150° +210°
- A5E1C4
Reef Green
- E3C4F4
≈ Neon Boneyard
- FEBEC3
≈ Piglet
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.48:1 · APCA Lc 23
Ag
AAA검은색 위
WCAG 14.16:1 · APCA Lc 81
가장 좋은 글자색: #000000
WCAG 14.16:1 (AAA) · APCA Lc 81
Contrast pairs
코드 스니펫
CSS
:root {
--reef-green: #a5e1c4;
--reef-green-rgb: 165 225 196;
--reef-green-oklch: oklch(0.861 0.073 163.5);
}
.element {
color: var(--reef-green);
background-color: hsl(151 50% 76%);
border-color: oklch(0.861 0.073 163.5);
}Tailwind CSS v4
@theme {
--color-reef-green: #a5e1c4;
--color-reef-green-50: #e3fcf0;
--color-reef-green-100: #d2f0e2;
--color-reef-green-200: #b8dfcd;
--color-reef-green-300: #94c4ae;
--color-reef-green-400: #75ac92;
--color-reef-green-500: #559679;
--color-reef-green-600: #497f66;
--color-reef-green-700: #3a6552;
--color-reef-green-800: #2a4a3a;
--color-reef-green-900: #1c3428;
--color-reef-green-950: #0c1f16;
}SCSS
$reef-green: #a5e1c4;
$reef-green-rgb: 165, 225, 196;
$reef-green-light: mix(#fff, $reef-green, 20%);
$reef-green-dark: mix(#000, $reef-green, 20%);
.element {
color: $reef-green;
box-shadow: 0 0 0 2px rgba($reef-green, 0.35);
}