이름 색상 · #CED3C7

Quiet Mint

Quiet Mint은(는) #CED3C7: rgb(206 211 199), hsl(85 12% 80%), oklch(0.86 0.017 125.3). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.

What does Gray mean? → · Quiet Mint color name →

#CED3C7

oklch(0.86 0.017 125.3)

색상 변환

HEX: #ced3c7
RGB: rgb(206 211 199)
HSL: hsl(85 12% 80%)
HWB: hwb(85 78% 17%)
OKLCH: oklch(0.86 0.017 125.3)
OKLab: oklab(0.86 -0.01 0.014)
CIE Lab: lab(83.91 -3.37 5.34)
LCH: lch(83.91 6.32 122.3)
CMYK: cmyk(2% 0% 6% 17%)

틴트 · 셰이드 · 톤

틴트

D3D7CC
D8DCD2
DCE0D8
E1E4DD
E6E9E3
EBEDE8
F0F2EE
F5F6F4
FAFBF9

셰이드

B3B7AD
989C93
7F827A
666962
4E514C
383A36
232421
0F100E
020202

톤

C6CAC0
BEC2B8
B6B9B1
AEB1AA
A6A9A3
9EA09C
979895
8F908E
878887

색 조화

보색 +180°

CED3C7
Quiet Mint
D3CEDA
≈ Lavender Haze

유사색 -30° +30°

삼각 배색 +120° +240°

분열 보색 +150° +210°

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

대비 및 접근성

흰색 위

WCAG 1.52:1 · APCA Lc 24

Fail

검은색 위

WCAG 13.76:1 · APCA Lc 79

AAA

가장 좋은 글자색: #000000

WCAG 13.76:1 (AAA) · APCA Lc 79

Contrast pairs

코드 스니펫

CSS

:root {
  --quiet-mint: #ced3c7;
  --quiet-mint-rgb: 206 211 199;
  --quiet-mint-oklch: oklch(0.86 0.017 125.3);
}

.element {
  color: var(--quiet-mint);
  background-color: hsl(85 12% 80%);
  border-color: oklch(0.86 0.017 125.3);
}

Tailwind CSS v4

@theme {
  --color-quiet-mint: #ced3c7;
  --color-quiet-mint-50: #f4f6f1;
  --color-quiet-mint-100: #e6e9e3;
  --color-quiet-mint-200: #d2d6ce;
  --color-quiet-mint-300: #b5b9b0;
  --color-quiet-mint-400: #9ca096;
  --color-quiet-mint-500: #83887c;
  --color-quiet-mint-600: #6f7369;
  --color-quiet-mint-700: #595c54;
  --color-quiet-mint-800: #41433d;
  --color-quiet-mint-900: #2d2f2a;
  --color-quiet-mint-950: #1a1b17;
}

SCSS

$quiet-mint: #ced3c7;
$quiet-mint-rgb: 206, 211, 199;
$quiet-mint-light: mix(#fff, $quiet-mint, 20%);
$quiet-mint-dark: mix(#000, $quiet-mint, 20%);

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

비슷한 이름 색상

Palettes with similar colors

도구에서 열기

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