色名 · #DABFA4
Curious Chipmunk
Curious Chipmunkは#DABFA4：rgb(218 191 164)、hsl(30 42% 75%)、oklch(0.821 0.048 67.1)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Orange mean? → · Curious Chipmunk color name →
#DABFA4
oklch(0.821 0.048 67.1)
カラー変換
- HEX
- #dabfa4
- RGB
- rgb(218 191 164)
- HSL
- hsl(30 42% 75%)
- HWB
- hwb(30 64% 15%)
- OKLCH
- oklch(0.821 0.048 67.1)
- OKLab
- oklab(0.821 0.019 0.044)
- CIE Lab
- lab(79.16 6.88 17.39)
- LCH
- lch(79.16 18.7 68.4)
- CMYK
- cmyk(0% 12% 25% 15%)
ティント · シェード · トーン
ティント
- DEC5AD
- E2CCB6
- E5D2BF
- E9D8C8
- EDDFD1
- F0E5DA
- F4ECE3
- F8F2ED
- FBF9F6
シェード
- BDA68E
- A28D79
- 877564
- 6C5E50
- 54483D
- 3C332B
- 251F1A
- 110D0A
- 020201
トーン
- D1B9A0
- C7B29D
- BEAC99
- B5A596
- AC9F92
- A3998F
- 9A938B
- 918C87
- 898684
カラーハーモニー
補色 +180°
- DABFA4
Curious Chipmunk
- ACC8E2
≈ Water Wash
類似色 -30° +30°
- DABFA4
Curious Chipmunk
- E1BAAF
≈ Sweet Peach
- CDC5A2
≈ Oyster White
トライアド +120° +240°
- DABFA4
Curious Chipmunk
- A2CFC9
≈ Cold Turquoise
- CCBDDD
≈ Sweet Lucid Dreams
スプリットコンプリメンタリー +150° +210°
- DABFA4
Curious Chipmunk
- A2CDD9
≈ Regent St Blue
- BCC2E4
≈ Canterbury Bells
テトラード +90° +180° +270°
- DABFA4
Curious Chipmunk
- ACCEB8
≈ Taffy Twist
- ACC8E2
≈ Water Wash
- DAB9D0
≈ Sunday Gloves
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.75:1 · APCA Lc 32
Ag
AAA黒の上
WCAG 11.96:1 · APCA Lc 71
最適な文字色: #000000
WCAG 11.96:1 (AAA) · APCA Lc 71
Contrast pairs
コードスニペット
CSS
:root {
--curious-chipmunk: #dabfa4;
--curious-chipmunk-rgb: 218 191 164;
--curious-chipmunk-oklch: oklch(0.821 0.048 67.1);
}
.element {
color: var(--curious-chipmunk);
background-color: hsl(30 42% 75%);
border-color: oklch(0.821 0.048 67.1);
}Tailwind CSS v4
@theme {
--color-curious-chipmunk: #dabfa4;
--color-curious-chipmunk-50: #fff3e7;
--color-curious-chipmunk-100: #f3e5d7;
--color-curious-chipmunk-200: #e2d1bf;
--color-curious-chipmunk-300: #c8b49e;
--color-curious-chipmunk-400: #b29981;
--color-curious-chipmunk-500: #9c8064;
--color-curious-chipmunk-600: #846d55;
--color-curious-chipmunk-700: #6a5744;
--color-curious-chipmunk-800: #4e3f31;
--color-curious-chipmunk-900: #362b21;
--color-curious-chipmunk-950: #211911;
}SCSS
$curious-chipmunk: #dabfa4;
$curious-chipmunk-rgb: 218, 191, 164;
$curious-chipmunk-light: mix(#fff, $curious-chipmunk, 20%);
$curious-chipmunk-dark: mix(#000, $curious-chipmunk, 20%);
.element {
color: $curious-chipmunk;
box-shadow: 0 0 0 2px rgba($curious-chipmunk, 0.35);
}