色名 · #EDE1A8

Turning Oakleaf

Turning Oakleafは#EDE1A8：rgb(237 225 168)、hsl(50 66% 79%)、oklch(0.906 0.075 97.6)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。

What does Yellow mean? → · Turning Oakleaf color name →

#EDE1A8

oklch(0.906 0.075 97.6)

カラー変換

HEX: #ede1a8
RGB: rgb(237 225 168)
HSL: hsl(50 66% 79%)
HWB: hwb(50 66% 7%)
OKLCH: oklch(0.906 0.075 97.6)
OKLab: oklab(0.906 -0.01 0.074)
CIE Lab: lab(89.48 -2.05 29.55)
LCH: lch(89.48 29.62 94)
CMYK: cmyk(0% 5% 29% 7%)

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

ティント

EFE4B1
F1E7BA
F2EAC3
F4EDCB
F6F0D4
F8F3DD
FAF6E5
FBF9EE
FDFCF6

シェード

CEC492
B0A77C
938B67
777052
5C563F
423E2C
2A271A
14120A
030201

トーン

E2D7A4
D6CDA1
CBC39D
C0B999
B5AF95
AAA691
9F9C8D
959389
8A8984

カラーハーモニー

補色 +180°

EDE1A8
Turning Oakleaf
D8DEFF
≈ Transparent Blue

類似色 -30° +30°

トライアド +120° +240°

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

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

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

白の上

WCAG 1.31:1 · APCA Lc 16

Fail

黒の上

WCAG 15.93:1 · APCA Lc 88

AAA

最適な文字色: #000000

WCAG 15.93:1 (AAA) · APCA Lc 88

Contrast pairs

コードスニペット

CSS

:root {
  --turning-oakleaf: #ede1a8;
  --turning-oakleaf-rgb: 237 225 168;
  --turning-oakleaf-oklch: oklch(0.906 0.075 97.6);
}

.element {
  color: var(--turning-oakleaf);
  background-color: hsl(50 66% 79%);
  border-color: oklch(0.906 0.075 97.6);
}

Tailwind CSS v4

@theme {
  --color-turning-oakleaf: #ede1a8;
  --color-turning-oakleaf-50: #faf6de;
  --color-turning-oakleaf-100: #ede9cd;
  --color-turning-oakleaf-200: #dbd6b1;
  --color-turning-oakleaf-300: #c0b98d;
  --color-turning-oakleaf-400: #aa9f6c;
  --color-turning-oakleaf-500: #93874a;
  --color-turning-oakleaf-600: #7d7240;
  --color-turning-oakleaf-700: #645b33;
  --color-turning-oakleaf-800: #4a4223;
  --color-turning-oakleaf-900: #332e17;
  --color-turning-oakleaf-950: #1f1a08;
}

SCSS

$turning-oakleaf: #ede1a8;
$turning-oakleaf-rgb: 237, 225, 168;
$turning-oakleaf-light: mix(#fff, $turning-oakleaf, 20%);
$turning-oakleaf-dark: mix(#000, $turning-oakleaf, 20%);

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

近い色名

Palettes with similar colors

ツールで開く

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