이름 색상 · #F6F0E2

Roman Column

Roman Column은(는) #F6F0E2: rgb(246 240 226), hsl(42 53% 93%), oklch(0.956 0.02 87.5). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.

What does Gray mean? → · Roman Column color name →

#F6F0E2

oklch(0.956 0.02 87.5)

색상 변환

HEX: #f6f0e2
RGB: rgb(246 240 226)
HSL: hsl(42 53% 93%)
HWB: hwb(42 89% 4%)
OKLCH: oklch(0.956 0.02 87.5)
OKLab: oklab(0.956 0.001 0.02)
CIE Lab: lab(94.98 0.33 7.54)
LCH: lch(94.98 7.55 87.5)
CMYK: cmyk(0% 2% 8% 4%)

틴트 · 셰이드 · 톤

틴트

F7F2E5
F8F3E8
F9F5EB
FAF6EE
FAF7F0
FBF9F3
FCFAF6
FDFCF9
FEFDFC

셰이드

D6D1C4
B7B2A8
98958C
7B7871
5F5D57
45433E
2C2A27
151412
030303

톤

EAE4D8
DDD9CE
D1CDC4
C5C2BA
B9B6B0
ADABA6
A2A09C
969593
8B8B89

색 조화

보색 +180°

F6F0E2
Roman Column
EBF0FE
≈ Carte Blanche

유사색 -30° +30°

삼각 배색 +120° +240°

분열 보색 +150° +210°

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

대비 및 접근성

흰색 위

WCAG 1.13:1 · APCA Lc 0

Fail

검은색 위

WCAG 18.48:1 · APCA Lc 98

AAA

가장 좋은 글자색: #000000

WCAG 18.48:1 (AAA) · APCA Lc 98

Contrast pairs

코드 스니펫

CSS

:root {
  --roman-column: #f6f0e2;
  --roman-column-rgb: 246 240 226;
  --roman-column-oklch: oklch(0.956 0.02 87.5);
}

.element {
  color: var(--roman-column);
  background-color: hsl(42 53% 93%);
  border-color: oklch(0.956 0.02 87.5);
}

Tailwind CSS v4

@theme {
  --color-roman-column: #f6f0e2;
  --color-roman-column-50: #f7f5ef;
  --color-roman-column-100: #eae8e1;
  --color-roman-column-200: #d7d4cb;
  --color-roman-column-300: #bbb7ac;
  --color-roman-column-400: #a39e92;
  --color-roman-column-500: #8c8678;
  --color-roman-column-600: #767165;
  --color-roman-column-700: #5e5a51;
  --color-roman-column-800: #45423b;
  --color-roman-column-900: #302e28;
  --color-roman-column-950: #1c1a16;
}

SCSS

$roman-column: #f6f0e2;
$roman-column-rgb: 246, 240, 226;
$roman-column-light: mix(#fff, $roman-column, 20%);
$roman-column-dark: mix(#000, $roman-column, 20%);

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

비슷한 이름 색상

Palettes with similar colors

도구에서 열기

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