이름 색상 · #C0C2D2

Lavender Honour

Lavender Honour은(는) #C0C2D2: rgb(192 194 210), hsl(233 17% 79%), oklch(0.817 0.022 280.2). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.

What does Gray mean? → · Lavender Honour color name →

#C0C2D2

oklch(0.817 0.022 280.2)

색상 변환

HEX: #c0c2d2
RGB: rgb(192 194 210)
HSL: hsl(233 17% 79%)
HWB: hwb(233 75% 18%)
OKLCH: oklch(0.817 0.022 280.2)
OKLab: oklab(0.817 0.004 -0.022)
CIE Lab: lab(78.64 1.59 -8.29)
LCH: lch(78.64 8.44 280.9)
CMYK: cmyk(9% 8% 0% 18%)

틴트 · 셰이드 · 톤

틴트

C6C8D6
CCCEDB
D3D4DF
D9DAE4
DFE0E8
E5E6ED
ECECF1
F2F3F6
F9F9FA

셰이드

A7A8B6
8E8F9B
767781
5F6068
494950
343439
202024
0E0E10
020202

톤

B9BBC9
B3B4C1
ACAEB9
A6A7B0
9FA0A8
999AA0
939398
8C8D90
868688

색 조화

보색 +180°

C0C2D2
Lavender Honour
C6C4B4
≈ Swiss Livery

유사색 -30° +30°

삼각 배색 +120° +240°

분열 보색 +150° +210°

C0C2D2
Lavender Honour
CDC1B4
≈ Whippet
BEC6B7
≈ Balsam

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

대비 및 접근성

흰색 위

WCAG 1.76:1 · APCA Lc 32

Fail

검은색 위

WCAG 11.88:1 · APCA Lc 70

AAA

가장 좋은 글자색: #000000

WCAG 11.88:1 (AAA) · APCA Lc 70

Contrast pairs

코드 스니펫

CSS

:root {
  --lavender-honour: #c0c2d2;
  --lavender-honour-rgb: 192 194 210;
  --lavender-honour-oklch: oklch(0.817 0.022 280.2);
}

.element {
  color: var(--lavender-honour);
  background-color: hsl(233 17% 79%);
  border-color: oklch(0.817 0.022 280.2);
}

Tailwind CSS v4

@theme {
  --color-lavender-honour: #c0c2d2;
  --color-lavender-honour-50: #f4f4fc;
  --color-lavender-honour-100: #e6e7ef;
  --color-lavender-honour-200: #d2d3de;
  --color-lavender-honour-300: #b5b6c3;
  --color-lavender-honour-400: #9b9dac;
  --color-lavender-honour-500: #838595;
  --color-lavender-honour-600: #6f707e;
  --color-lavender-honour-700: #595a65;
  --color-lavender-honour-800: #40424a;
  --color-lavender-honour-900: #2c2d34;
  --color-lavender-honour-950: #191a1f;
}

SCSS

$lavender-honour: #c0c2d2;
$lavender-honour-rgb: 192, 194, 210;
$lavender-honour-light: mix(#fff, $lavender-honour, 20%);
$lavender-honour-dark: mix(#000, $lavender-honour, 20%);

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

비슷한 이름 색상

Palettes with similar colors

도구에서 열기

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