色名 · #E5CDBE

Life Is a Peach

Life Is a Peachは#E5CDBE：rgb(229 205 190)、hsl(23 43% 82%)、oklch(0.864 0.034 54.1)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。

What does Gray mean? → · Life Is a Peach color name →

#E5CDBE

oklch(0.864 0.034 54.1)

カラー変換

HEX: #e5cdbe
RGB: rgb(229 205 190)
HSL: hsl(23 43% 82%)
HWB: hwb(23 75% 10%)
OKLCH: oklch(0.864 0.034 54.1)
OKLab: oklab(0.864 0.02 0.027)
CIE Lab: lab(84.13 6.9 10.72)
LCH: lch(84.13 12.75 57.2)
CMYK: cmyk(0% 10% 17% 10%)

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

ティント

E8D2C4
EAD7CB
EDDCD1
F0E1D8
F2E6DE
F5EBE5
F7F0EB
FAF5F2
FCFAF8

シェード

C7B2A5
AA988C
8E7E75
72665E
584E48
3F3833
28231F
120F0D
030202

トーン

DAC5B8
D0BDB1
C6B5AB
BBADA5
B1A69F
A79E98
9D9692
938F8C
8A8786

カラーハーモニー

補色 +180°

E5CDBE
Life Is a Peach
BED7E6
≈ Light Tidal Foam

類似色 -30° +30°

トライアド +120° +240°

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

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

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

白の上

WCAG 1.52:1 · APCA Lc 24

Fail

黒の上

WCAG 13.80:1 · APCA Lc 79

AAA

最適な文字色: #000000

WCAG 13.80:1 (AAA) · APCA Lc 79

Contrast pairs

コードスニペット

CSS

:root {
  --life-is-a-peach: #e5cdbe;
  --life-is-a-peach-rgb: 229 205 190;
  --life-is-a-peach-oklch: oklch(0.864 0.034 54.1);
}

.element {
  color: var(--life-is-a-peach);
  background-color: hsl(23 43% 82%);
  border-color: oklch(0.864 0.034 54.1);
}

Tailwind CSS v4

@theme {
  --color-life-is-a-peach: #e5cdbe;
  --color-life-is-a-peach-50: #fdf3ec;
  --color-life-is-a-peach-100: #f1e5dd;
  --color-life-is-a-peach-200: #e0d1c7;
  --color-life-is-a-peach-300: #c6b3a7;
  --color-life-is-a-peach-400: #af9a8c;
  --color-life-is-a-peach-500: #998171;
  --color-life-is-a-peach-600: #816d60;
  --color-life-is-a-peach-700: #67574d;
  --color-life-is-a-peach-800: #4c3f38;
  --color-life-is-a-peach-900: #352c26;
  --color-life-is-a-peach-950: #201914;
}

SCSS

$life-is-a-peach: #e5cdbe;
$life-is-a-peach-rgb: 229, 205, 190;
$life-is-a-peach-light: mix(#fff, $life-is-a-peach, 20%);
$life-is-a-peach-dark: mix(#000, $life-is-a-peach, 20%);

.element {
  color: $life-is-a-peach;
  box-shadow: 0 0 0 2px rgba($life-is-a-peach, 0.35);
}

近い色名

Palettes with similar colors

ツールで開く

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