最も近い色名 · #80B288
#80B288
最も近い色名: Verde
#80B288（rgb(128 178 136)、hsl(130 25% 60%)、oklch(0.717 0.081 148.9)）に最も近い色名はVerdeです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#80B288
oklch(0.717 0.081 148.9)
カラー変換
- HEX
- #80b288
- RGB
- rgb(128 178 136)
- HSL
- hsl(130 25% 60%)
- HWB
- hwb(130 50% 30%)
- OKLCH
- oklch(0.717 0.081 148.9)
- OKLab
- oklab(0.717 -0.069 0.042)
- CIE Lab
- lab(68.18 -23.72 16.01)
- LCH
- lch(68.18 28.62 146)
- CMYK
- cmyk(28% 0% 24% 30%)
ティント · シェード · トーン
ティント
- 8DBA93
- 99C19F
- A6C9AB
- B2D1B6
- BFD8C2
- CCE0CE
- D8E8DA
- E5EFE6
- F2F7F3
シェード
- 6E9A75
- 5D8363
- 4D6D52
- 3D5741
- 2E4331
- 1F2F22
- 121D13
- 060C06
- 010101
トーン
- 80AD87
- 81A887
- 81A386
- 819E85
- 819984
- 819484
- 818F83
- 818A82
- 808581
カラーハーモニー
補色 +180°
- 80B288
Verde
- C092BD
≈ La la Love
類似色 -30° +30°
トライアド +120° +240°
- 80B288
Verde
- 8FA2D7
≈ Azureno
- D19187
≈ Peach Preserve
スプリットコンプリメンタリー +150° +210°
- 80B288
Verde
- AA99D0
≈ Biloba Flower
- CE8FA2
≈ Sianna Rose
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.43:1 · APCA Lc 48
Ag
AAA黒の上
WCAG 8.64:1 · APCA Lc 54
最適な文字色: #000000
WCAG 8.64:1 (AAA) · APCA Lc 54
Contrast pairs
コードスニペット
CSS
:root {
--verde: #80b288;
--verde-rgb: 128 178 136;
--verde-oklch: oklch(0.717 0.081 148.9);
}
.element {
color: var(--verde);
background-color: hsl(130 25% 60%);
border-color: oklch(0.717 0.081 148.9);
}Tailwind CSS v4
@theme {
--color-verde: #80b288;
--color-verde-50: #e5fcea;
--color-verde-100: #d5f0da;
--color-verde-200: #bcdfc3;
--color-verde-300: #9ac4a3;
--color-verde-400: #7dac84;
--color-verde-500: #5f9568;
--color-verde-600: #517e59;
--color-verde-700: #406547;
--color-verde-800: #2f4a32;
--color-verde-900: #203322;
--color-verde-950: #0f1f11;
}SCSS
$verde: #80b288;
$verde-rgb: 128, 178, 136;
$verde-light: mix(#fff, $verde, 20%);
$verde-dark: mix(#000, $verde, 20%);
.element {
color: $verde;
box-shadow: 0 0 0 2px rgba($verde, 0.35);
}