이름 색상 · #ABB790

Casa Verde

Casa Verde은(는) #ABB790: rgb(171 183 144), hsl(78 21% 64%), oklch(0.76 0.055 121.6). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.

What does Yellow mean? → · Casa Verde color name →

#ABB790

oklch(0.76 0.055 121.6)

색상 변환

HEX: #abb790
RGB: rgb(171 183 144)
HSL: hsl(78 21% 64%)
HWB: hwb(78 56% 28%)
OKLCH: oklch(0.76 0.055 121.6)
OKLab: oklab(0.76 -0.029 0.047)
CIE Lab: lab(72.69 -9.44 18.45)
LCH: lch(72.69 20.72 117.1)
CMYK: cmyk(7% 0% 21% 28%)

틴트 · 셰이드 · 톤

틴트

B3BE9B
BBC5A6
C3CCB1
CCD3BC
D4DBC7
DDE2D2
E5E9DD
EEF0E8
F6F8F4

셰이드

949F7D
7E876A
687057
545A45
404534
2D3124
1B1E15
0B0C07
010201

톤

A7B18F
A2AC8D
9EA68C
99A18A
959B88
919687
8D9085
888B83
848582

색 조화

보색 +180°

ABB790
Casa Verde
B7A9CF
≈ Wisteria-Wise

유사색 -30° +30°

삼각 배색 +120° +240°

분열 보색 +150° +210°

사각 배색 +90° +180° +270°

대비 및 접근성

흰색 위

WCAG 2.11:1 · APCA Lc 42

Fail

검은색 위

WCAG 9.90:1 · APCA Lc 61

AAA

가장 좋은 글자색: #000000

WCAG 9.90:1 (AAA) · APCA Lc 61

Contrast pairs

코드 스니펫

CSS

:root {
  --casa-verde: #abb790;
  --casa-verde-rgb: 171 183 144;
  --casa-verde-oklch: oklch(0.76 0.055 121.6);
}

.element {
  color: var(--casa-verde);
  background-color: hsl(78 21% 64%);
  border-color: oklch(0.76 0.055 121.6);
}

Tailwind CSS v4

@theme {
  --color-casa-verde: #abb790;
  --color-casa-verde-50: #f2f8e7;
  --color-casa-verde-100: #e4ebd7;
  --color-casa-verde-200: #cfd9bf;
  --color-casa-verde-300: #b1bd9e;
  --color-casa-verde-400: #99a480;
  --color-casa-verde-500: #808c63;
  --color-casa-verde-600: #6c7754;
  --color-casa-verde-700: #575f43;
  --color-casa-verde-800: #404530;
  --color-casa-verde-900: #2c3020;
  --color-casa-verde-950: #191c10;
}

SCSS

$casa-verde: #abb790;
$casa-verde-rgb: 171, 183, 144;
$casa-verde-light: mix(#fff, $casa-verde, 20%);
$casa-verde-dark: mix(#000, $casa-verde, 20%);

.element {
  color: $casa-verde;
  box-shadow: 0 0 0 2px rgba($casa-verde, 0.35);
}

비슷한 이름 색상

Palettes with similar colors

도구에서 열기

피커 조합 대비 검사기 Studio JSON API