色名 · #FAF3D9

Sun Glint

Sun Glintは#FAF3D9：rgb(250 243 217)、hsl(47 77% 92%)、oklch(0.963 0.035 94.5)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。

What does Gray mean? → · Sun Glint color name →

#FAF3D9

oklch(0.963 0.035 94.5)

カラー変換

HEX: #faf3d9
RGB: rgb(250 243 217)
HSL: hsl(47 77% 92%)
HWB: hwb(47 85% 2%)
OKLCH: oklch(0.963 0.035 94.5)
OKLab: oklab(0.963 -0.003 0.035)
CIE Lab: lab(95.88 -0.73 13.47)
LCH: lch(95.88 13.49 93.1)
CMYK: cmyk(0% 3% 13% 2%)

ティント · シェード · トーン

ティント

FAF4DD
FBF5E1
FBF7E4
FCF8E8
FCF9EC
FDFAF0
FDFBF4
FEFDF7
FEFEFB

シェード

D9D3BC
BAB4A1
9B9786
7D7A6C
615E53
46443B
2D2B25
151411
030302

トーン

EDE7D0
E0DBC7
D4CFBE
C7C3B5
BBB8AC
AFACA3
A3A19A
979691
8B8B89

カラーハーモニー

補色 +180°

FAF3D9
Sun Glint
EFF2FF
≈ Cloud Break

類似色 -30° +30°

トライアド +120° +240°

スプリットコンプリメンタリー +150° +210°

テトラード +90° +180° +270°

コントラストとアクセシビリティ

白の上

WCAG 1.11:1 · APCA Lc 0

Fail

黒の上

WCAG 18.88:1 · APCA Lc 100

AAA

最適な文字色: #000000

WCAG 18.88:1 (AAA) · APCA Lc 100

Contrast pairs

コードスニペット

CSS

:root {
  --sun-glint: #faf3d9;
  --sun-glint-rgb: 250 243 217;
  --sun-glint-oklch: oklch(0.963 0.035 94.5);
}

.element {
  color: var(--sun-glint);
  background-color: hsl(47 77% 92%);
  border-color: oklch(0.963 0.035 94.5);
}

Tailwind CSS v4

@theme {
  --color-sun-glint: #faf3d9;
  --color-sun-glint-50: #f8f5ea;
  --color-sun-glint-100: #ebe8db;
  --color-sun-glint-200: #d8d5c4;
  --color-sun-glint-300: #bcb8a4;
  --color-sun-glint-400: #a59f88;
  --color-sun-glint-500: #8d866c;
  --color-sun-glint-600: #78725c;
  --color-sun-glint-700: #605b49;
  --color-sun-glint-800: #464235;
  --color-sun-glint-900: #312e24;
  --color-sun-glint-950: #1d1a13;
}

SCSS

$sun-glint: #faf3d9;
$sun-glint-rgb: 250, 243, 217;
$sun-glint-light: mix(#fff, $sun-glint, 20%);
$sun-glint-dark: mix(#000, $sun-glint, 20%);

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

近い色名

Palettes with similar colors

ツールで開く

ピッカーペアコントラストチェッカー Studio JSON API