色名 · #DFC1A8
Romulus
Romulusは#DFC1A8：rgb(223 193 168)、hsl(27 46% 77%)、oklch(0.83 0.048 61.9)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Orange mean? → · Romulus color name →
#DFC1A8
oklch(0.83 0.048 61.9)
カラー変換
- HEX
- #dfc1a8
- RGB
- rgb(223 193 168)
- HSL
- hsl(27 46% 77%)
- HWB
- hwb(27 66% 13%)
- OKLCH
- oklch(0.83 0.048 61.9)
- OKLab
- oklab(0.83 0.023 0.043)
- CIE Lab
- lab(80.19 8.22 16.78)
- LCH
- lch(80.19 18.68 63.9)
- CMYK
- cmyk(0% 13% 25% 13%)
ティント · シェード · トーン
ティント
- E2C7B1
- E6CDB9
- E9D3C2
- ECDACA
- EFE0D3
- F2E6DC
- F6ECE5
- F9F2ED
- FCF9F6
シェード
- C2A792
- A58F7C
- 8A7767
- 6F5F52
- 56493F
- 3D342C
- 27201A
- 120E0A
- 020201
トーン
- D5BAA4
- CBB4A0
- C2AD9C
- B8A798
- AFA094
- A59A90
- 9C938C
- 928D88
- 898684
カラーハーモニー
補色 +180°
- DFC1A8
Romulus
- ADCCE5
≈ Frosty Snow Cap
類似色 -30° +30°
- DFC1A8
Romulus
- E5BDB4
≈ Rose Fog
- D2C7A4
≈ Pale Olive
トライアド +120° +240°
- DFC1A8
Romulus
- A6D2C9
≈ Sea Inspired
- CDC1E2
≈ Party Hat
スプリットコンプリメンタリー +150° +210°
- DFC1A8
Romulus
- A4D0DA
≈ Cay
- BCC6E8
≈ Pale Wisteria
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.70:1 · APCA Lc 30
Ag
AAA黒の上
WCAG 12.33:1 · APCA Lc 72
最適な文字色: #000000
WCAG 12.33:1 (AAA) · APCA Lc 72
Contrast pairs
コードスニペット
CSS
:root {
--romulus: #dfc1a8;
--romulus-rgb: 223 193 168;
--romulus-oklch: oklch(0.83 0.048 61.9);
}
.element {
color: var(--romulus);
background-color: hsl(27 46% 77%);
border-color: oklch(0.83 0.048 61.9);
}Tailwind CSS v4
@theme {
--color-romulus: #dfc1a8;
--color-romulus-50: #fff3e7;
--color-romulus-100: #f4e5d8;
--color-romulus-200: #e4d0bf;
--color-romulus-300: #cab39e;
--color-romulus-400: #b49982;
--color-romulus-500: #9e7f65;
--color-romulus-600: #866c56;
--color-romulus-700: #6b5645;
--color-romulus-800: #4f3f32;
--color-romulus-900: #372b22;
--color-romulus-950: #221811;
}SCSS
$romulus: #dfc1a8;
$romulus-rgb: 223, 193, 168;
$romulus-light: mix(#fff, $romulus, 20%);
$romulus-dark: mix(#000, $romulus, 20%);
.element {
color: $romulus;
box-shadow: 0 0 0 2px rgba($romulus, 0.35);
}