色名 · #EFEFE8

Star White

Star Whiteは#EFEFE8：rgb(239 239 232)、hsl(60 18% 92%)、oklch(0.95 0.009 106.6)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。

What does Gray mean? → · Star White color name →

#EFEFE8

oklch(0.95 0.009 106.6)

カラー変換

HEX: #efefe8
RGB: rgb(239 239 232)
HSL: hsl(60 18% 92%)
HWB: hwb(60 91% 6%)
OKLCH: oklch(0.95 0.009 106.6)
OKLab: oklab(0.95 -0.003 0.009)
CIE Lab: lab(94.3 -0.91 3.4)
LCH: lch(94.3 3.52 105)
CMYK: cmyk(0% 0% 3% 6%)

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

ティント

F1F1EA
F2F2ED
F4F4EF
F5F5F1
F7F7F3
F9F9F6
FAFAF8
FCFCFA
FDFDFD

シェード

D0D0CA
B1B1AC
949490
787874
5C5C59
424240
2A2A29
141413
030303

トーン

E3E3DD
D8D8D2
CCCCC8
C1C1BD
B6B6B3
ABABA8
A0A09E
959594
8A8B8A

カラーハーモニー

補色 +180°

EFEFE8
Star White
EEEEF5
≈ Springtime Rain

類似色 -30° +30°

トライアド +120° +240°

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

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

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

白の上

WCAG 1.15:1 · APCA Lc 0

Fail

黒の上

WCAG 18.18:1 · APCA Lc 97

AAA

最適な文字色: #000000

WCAG 18.18:1 (AAA) · APCA Lc 97

Contrast pairs

コードスニペット

CSS

:root {
  --star-white: #efefe8;
  --star-white-rgb: 239 239 232;
  --star-white-oklch: oklch(0.95 0.009 106.6);
}

.element {
  color: var(--star-white);
  background-color: hsl(60 18% 92%);
  border-color: oklch(0.95 0.009 106.6);
}

Tailwind CSS v4

@theme {
  --color-star-white: #efefe8;
  --color-star-white-50: #f5f5f2;
  --color-star-white-100: #e8e8e5;
  --color-star-white-200: #d4d4d0;
  --color-star-white-300: #b7b8b2;
  --color-star-white-400: #9f9f99;
  --color-star-white-500: #878780;
  --color-star-white-600: #72726c;
  --color-star-white-700: #5b5b56;
  --color-star-white-800: #43433f;
  --color-star-white-900: #2e2e2b;
  --color-star-white-950: #1b1b19;
}

SCSS

$star-white: #efefe8;
$star-white-rgb: 239, 239, 232;
$star-white-light: mix(#fff, $star-white, 20%);
$star-white-dark: mix(#000, $star-white, 20%);

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

近い色名

Palettes with similar colors

ツールで開く

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