色名 · #CD915C
Napa Sunset
Napa Sunsetは#CD915C：rgb(205 145 92)、hsl(28 53% 58%)、oklch(0.704 0.101 61.5)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Orange mean? → · Napa Sunset color name →
#CD915C
oklch(0.704 0.101 61.5)
カラー変換
- HEX
- #cd915c
- RGB
- rgb(205 145 92)
- HSL
- hsl(28 53% 58%)
- HWB
- hwb(28 36% 20%)
- OKLCH
- oklch(0.704 0.101 61.5)
- OKLab
- oklab(0.704 0.048 0.088)
- CIE Lab
- lab(65.38 19.16 37.4)
- LCH
- lch(65.38 42.02 62.9)
- CMYK
- cmyk(0% 29% 55% 20%)
ティント · シェード · トーン
ティント
- D39C6D
- D8A77D
- DDB28D
- E2BD9E
- E7C8AE
- ECD3BE
- F1DECE
- F6E9DE
- FAF4EF
シェード
- B27D4F
- 986A42
- 7E5836
- 66462A
- 4E351F
- 382514
- 23150A
- 0F0703
- 020100
トーン
- C59061
- BE8E65
- B68D69
- AE8B6D
- A78971
- 9F8874
- 978677
- 90847A
- 88827D
カラーハーモニー
補色 +180°
- CD915C
Napa Sunset
- 63A7D9
≈ Baja Blue
類似色 -30° +30°
- CD915C
Napa Sunset
- D78879
≈ Island Coral
- B79E51
≈ Woollen Mittens
トライアド +120° +240°
- CD915C
Napa Sunset
- 4AB4A4
≈ Sacred Turquoise
- AB91D4
≈ Middy’s Purple
スプリットコンプリメンタリー +150° +210°
- CD915C
Napa Sunset
- 44B0C4
≈ Viking
- 899CDF
≈ Portage
テトラード +90° +180° +270°
- CD915C
Napa Sunset
- 6EB280
≈ Lily Pads
- 63A7D9
≈ Baja Blue
- C488BC
≈ Dragonflies
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.69:1 · APCA Lc 52
Ag
AAA黒の上
WCAG 7.80:1 · APCA Lc 50
最適な文字色: #000000
WCAG 7.80:1 (AAA) · APCA Lc 50
Contrast pairs
コードスニペット
CSS
:root {
--napa-sunset: #cd915c;
--napa-sunset-rgb: 205 145 92;
--napa-sunset-oklch: oklch(0.704 0.101 61.5);
}
.element {
color: var(--napa-sunset);
background-color: hsl(28 53% 58%);
border-color: oklch(0.704 0.101 61.5);
}Tailwind CSS v4
@theme {
--color-napa-sunset: #cd915c;
--color-napa-sunset-50: #fff0d8;
--color-napa-sunset-100: #ffe1c6;
--color-napa-sunset-200: #f4cca8;
--color-napa-sunset-300: #dcad81;
--color-napa-sunset-400: #ca915f;
--color-napa-sunset-500: #b57539;
--color-napa-sunset-600: #996432;
--color-napa-sunset-700: #7b5027;
--color-napa-sunset-800: #5c391c;
--color-napa-sunset-900: #402712;
--color-napa-sunset-950: #291505;
}SCSS
$napa-sunset: #cd915c;
$napa-sunset-rgb: 205, 145, 92;
$napa-sunset-light: mix(#fff, $napa-sunset, 20%);
$napa-sunset-dark: mix(#000, $napa-sunset, 20%);
.element {
color: $napa-sunset;
box-shadow: 0 0 0 2px rgba($napa-sunset, 0.35);
}