色名 · #FFFFE5

La Luna

La Lunaは#FFFFE5：rgb(255 255 229)、hsl(60 100% 95%)、oklch(0.993 0.034 107)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。

What does Gray mean? → · La Luna color name →

#FFFFE5

oklch(0.993 0.034 107)

カラー変換

HEX: #ffffe5
RGB: rgb(255 255 229)
HSL: hsl(60 100% 95%)
HWB: hwb(60 90% 0%)
OKLCH: oklch(0.993 0.034 107)
OKLab: oklab(0.993 -0.01 0.032)
CIE Lab: lab(99.49 -3.21 12.48)
LCH: lch(99.49 12.89 104.4)
CMYK: cmyk(0% 0% 10% 0%)

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

ティント

FFFFE8
FFFFEA
FFFFED
FFFFF0
FFFFF2
FFFFF5
FFFFF7
FFFFFA
FFFFFC

シェード

DEDEC7
BEBEAA
9E9E8E
808072
636358
48483F
2E2E28
161612
030303

トーン

F2F2DA
E4E4D0
D7D7C6
CACABB
BDBEB1
B1B1A7
A4A49D
989893
8C8C8A

カラーハーモニー

補色 +180°

FFFFE5
La Luna
FDFCFF
≈ Pale Grey

類似色 -30° +30°

トライアド +120° +240°

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

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

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

白の上

WCAG 1.01:1 · APCA Lc 0

Fail

黒の上

WCAG 20.68:1 · APCA Lc 107

AAA

最適な文字色: #000000

WCAG 20.68:1 (AAA) · APCA Lc 107

Contrast pairs

コードスニペット

CSS

:root {
  --la-luna: #ffffe5;
  --la-luna-rgb: 255 255 229;
  --la-luna-oklch: oklch(0.993 0.034 107);
}

.element {
  color: var(--la-luna);
  background-color: hsl(60 100% 95%);
  border-color: oklch(0.993 0.034 107);
}

Tailwind CSS v4

@theme {
  --color-la-luna: #ffffe5;
  --color-la-luna-50: #f6f6eb;
  --color-la-luna-100: #e8e9dc;
  --color-la-luna-200: #d5d6c5;
  --color-la-luna-300: #b8b9a6;
  --color-la-luna-400: #a0a089;
  --color-la-luna-500: #88886e;
  --color-la-luna-600: #73735e;
  --color-la-luna-700: #5c5c4b;
  --color-la-luna-800: #444336;
  --color-la-luna-900: #2f2e25;
  --color-la-luna-950: #1b1b13;
}

SCSS

$la-luna: #ffffe5;
$la-luna-rgb: 255, 255, 229;
$la-luna-light: mix(#fff, $la-luna, 20%);
$la-luna-dark: mix(#000, $la-luna, 20%);

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

近い色名

Palettes with similar colors

ツールで開く

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