最も近い色名 · #819F55
#819F55
最も近い色名: Rosemarried
#819F55（rgb(129 159 85)、hsl(84 30% 48%)、oklch(0.662 0.106 127.2)）に最も近い色名はRosemarriedです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#819F55
oklch(0.662 0.106 127.2)
カラー変換
- HEX
- #819f55
- RGB
- rgb(129 159 85)
- HSL
- hsl(84 30% 48%)
- HWB
- hwb(84 33% 38%)
- OKLCH
- oklch(0.662 0.106 127.2)
- OKLab
- oklab(0.662 -0.064 0.085)
- CIE Lab
- lab(61.9 -20.3 34.82)
- LCH
- lch(61.9 40.3 120.2)
- CMYK
- cmyk(19% 0% 47% 38%)
ティント · シェード · トーン
ティント
- 8DA866
- 99B277
- A5BC88
- B2C599
- BECFAA
- CBD8BB
- D8E2CC
- E5ECDD
- F2F5EE
シェード
- 6F8A49
- 5E753D
- 4E6131
- 3E4D26
- 2E3B1C
- 1F2911
- 121808
- 060902
- 010100
トーン
- 819C5A
- 819960
- 819664
- 819369
- 81906D
- 808D71
- 808A75
- 808679
- 80837D
カラーハーモニー
補色 +180°
- 819F55
Rosemarried
- A481C6
≈ Wisteria
類似色 -30° +30°
- 819F55
Rosemarried
- A5933F
≈ 18th Century Green
- 55A679
≈ Shamrock Green
トライアド +120° +240°
- 819F55
Rosemarried
- 5A98D1
≈ Winter Lake
- CA7687
≈ Long Spring
スプリットコンプリメンタリー +150° +210°
- 819F55
Rosemarried
- 838CD4
≈ Pansy Garden
- BD79AA
≈ Hollyhock Blossom Pink
テトラード +90° +180° +270°
- 819F55
Rosemarried
- 2EA2BD
≈ Maui
- A481C6
≈ Wisteria
- CB7B63
≈ Aloe Blossom
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.98:1 · APCA Lc 56
Ag
AAA黒の上
WCAG 7.02:1 · APCA Lc 45
最適な文字色: #000000
WCAG 7.02:1 (AAA) · APCA Lc 45
Contrast pairs
コードスニペット
CSS
:root {
--rosemarried: #819f55;
--rosemarried-rgb: 129 159 85;
--rosemarried-oklch: oklch(0.662 0.106 127.2);
}
.element {
color: var(--rosemarried);
background-color: hsl(84 30% 48%);
border-color: oklch(0.662 0.106 127.2);
}Tailwind CSS v4
@theme {
--color-rosemarried: #819f55;
--color-rosemarried-50: #ecfcdc;
--color-rosemarried-100: #ddefca;
--color-rosemarried-200: #c6deae;
--color-rosemarried-300: #a6c388;
--color-rosemarried-400: #8daa64;
--color-rosemarried-500: #739340;
--color-rosemarried-600: #617c37;
--color-rosemarried-700: #4e642c;
--color-rosemarried-800: #3a491d;
--color-rosemarried-900: #283213;
--color-rosemarried-950: #161e05;
}SCSS
$rosemarried: #819f55;
$rosemarried-rgb: 129, 159, 85;
$rosemarried-light: mix(#fff, $rosemarried, 20%);
$rosemarried-dark: mix(#000, $rosemarried, 20%);
.element {
color: $rosemarried;
box-shadow: 0 0 0 2px rgba($rosemarried, 0.35);
}