最も近い色名 · #DDA38E
#DDA38E
最も近い色名: Apricotta
#DDA38E（rgb(221 163 142)、hsl(16 54% 71%)、oklch(0.765 0.075 40.8)）に最も近い色名はApricottaです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#DDA38E
oklch(0.765 0.075 40.8)
カラー変換
- HEX
- #dda38e
- RGB
- rgb(221 163 142)
- HSL
- hsl(16 54% 71%)
- HWB
- hwb(16 56% 13%)
- OKLCH
- oklch(0.765 0.075 40.8)
- OKLab
- oklab(0.765 0.057 0.049)
- CIE Lab
- lab(72.22 20.12 19.81)
- LCH
- lch(72.22 28.23 44.6)
- CMYK
- cmyk(0% 26% 36% 13%)
ティント · シェード · トーン
ティント
- E1AC99
- E5B5A4
- E8BEAF
- ECC8BA
- EFD1C6
- F3DAD1
- F6E3DC
- F9ECE8
- FCF6F3
シェード
- C08D7B
- A47868
- 886356
- 6E4F44
- 553C34
- 3D2A24
- 261915
- 110A07
- 020101
トーン
- D4A08D
- CA9C8C
- C1998A
- B89589
- AE9288
- A58E86
- 9C8B85
- 938783
- 898482
カラーハーモニー
補色 +180°
- DDA38E
Apricotta
- 7ABED4
≈ Cologne
類似色 -30° +30°
- DDA38E
Apricotta
- DE9FA7
≈ Nana’s Rose
- D2AB7E
≈ Toast and Butter
トライアド +120° +240°
- DDA38E
Apricotta
- 87C2A3
≈ Lark Green
- A9AEE2
≈ Maximum Blue Purple
スプリットコンプリメンタリー +150° +210°
- DDA38E
Apricotta
- 77C2BE
≈ Gentle Wave
- 8FB7E2
≈ Adrift on the Nile
テトラード +90° +180° +270°
- DDA38E
Apricotta
- A2BD8A
≈ Gaia Stone
- 7ABED4
≈ Cologne
- C2A6D7
≈ Perfume
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.16:1 · APCA Lc 42
Ag
AAA黒の上
WCAG 9.70:1 · APCA Lc 60
最適な文字色: #000000
WCAG 9.70:1 (AAA) · APCA Lc 60
Contrast pairs
コードスニペット
CSS
:root {
--apricotta: #dda38e;
--apricotta-rgb: 221 163 142;
--apricotta-oklch: oklch(0.765 0.075 40.8);
}
.element {
color: var(--apricotta);
background-color: hsl(16 54% 71%);
border-color: oklch(0.765 0.075 40.8);
}Tailwind CSS v4
@theme {
--color-apricotta: #dda38e;
--color-apricotta-50: #ffefe4;
--color-apricotta-100: #ffe0d4;
--color-apricotta-200: #f1cbbb;
--color-apricotta-300: #daac99;
--color-apricotta-400: #c6907c;
--color-apricotta-500: #b1755f;
--color-apricotta-600: #966351;
--color-apricotta-700: #784f40;
--color-apricotta-800: #59392f;
--color-apricotta-900: #3e2720;
--color-apricotta-950: #27150f;
}SCSS
$apricotta: #dda38e;
$apricotta-rgb: 221, 163, 142;
$apricotta-light: mix(#fff, $apricotta, 20%);
$apricotta-dark: mix(#000, $apricotta, 20%);
.element {
color: $apricotta;
box-shadow: 0 0 0 2px rgba($apricotta, 0.35);
}