色名 · #F2EFE0

Yucatan White Habañero

Yucatan White Habañeroは#F2EFE0：rgb(242 239 224)、hsl(50 41% 91%)、oklch(0.95 0.02 97.5)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。

What does Gray mean? → · Yucatan White Habañero color name →

#F2EFE0

oklch(0.95 0.02 97.5)

カラー変換

HEX: #f2efe0
RGB: rgb(242 239 224)
HSL: hsl(50 41% 91%)
HWB: hwb(50 88% 5%)
OKLCH: oklch(0.95 0.02 97.5)
OKLab: oklab(0.95 -0.003 0.02)
CIE Lab: lab(94.38 -0.86 7.66)
LCH: lch(94.38 7.7 96.4)
CMYK: cmyk(0% 1% 7% 5%)

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

ティント

F3F1E3
F5F2E6
F6F4E9
F7F5EC
F8F7EF
FAF9F3
FBFAF6
FCFCF9
FEFDFC

シェード

D2D0C3
B4B1A6
96948A
797870
5E5C56
43423E
2B2A27
141412
030302

トーン

E6E3D6
DAD8CC
CECCC2
C3C1B8
B7B6AF
ACABA5
A1A09C
969592
8B8B89

カラーハーモニー

補色 +180°

F2EFE0
Yucatan White Habañero
EBEEFC
≈ Brilliant White

類似色 -30° +30°

F2EFE0
Yucatan White Habañero
F8ECE1
≈ Palish Peach
EBF1E3
≈ Hidden Jade

トライアド +120° +240°

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

F2EFE0
Yucatan White Habañero
E4F0FC
≈ Cotton Boll
F2EBF9
≈ Placebo Purple

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

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

白の上

WCAG 1.15:1 · APCA Lc 0

Fail

黒の上

WCAG 18.19:1 · APCA Lc 97

AAA

最適な文字色: #000000

WCAG 18.19:1 (AAA) · APCA Lc 97

Contrast pairs

コードスニペット

CSS

:root {
  --yucatan-white-habanero: #f2efe0;
  --yucatan-white-habanero-rgb: 242 239 224;
  --yucatan-white-habanero-oklch: oklch(0.95 0.02 97.5);
}

.element {
  color: var(--yucatan-white-habanero);
  background-color: hsl(50 41% 91%);
  border-color: oklch(0.95 0.02 97.5);
}

Tailwind CSS v4

@theme {
  --color-yucatan-white-habanero: #f2efe0;
  --color-yucatan-white-habanero-50: #f6f5ef;
  --color-yucatan-white-habanero-100: #e9e8e1;
  --color-yucatan-white-habanero-200: #d6d5cb;
  --color-yucatan-white-habanero-300: #bab8ac;
  --color-yucatan-white-habanero-400: #a19f91;
  --color-yucatan-white-habanero-500: #8a8678;
  --color-yucatan-white-habanero-600: #747265;
  --color-yucatan-white-habanero-700: #5d5b51;
  --color-yucatan-white-habanero-800: #44423b;
  --color-yucatan-white-habanero-900: #2f2e28;
  --color-yucatan-white-habanero-950: #1c1b16;
}

SCSS

$yucatan-white-habanero: #f2efe0;
$yucatan-white-habanero-rgb: 242, 239, 224;
$yucatan-white-habanero-light: mix(#fff, $yucatan-white-habanero, 20%);
$yucatan-white-habanero-dark: mix(#000, $yucatan-white-habanero, 20%);

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

近い色名

Palettes with similar colors

ツールで開く

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